Reacting to React – Episode 1

I have not given to much attention to React as everyone else. I was in love with Backbone and Marionette.js at the time and “My views are fine, thank you. I don’t need yet another view library!”.

But in the end, I thought that it was a good time to begin looking at this “JavaScript library for building user interfaces”.

So these will be a series of posts, mainly for myself, for documenting my reaction to the React hype. I will post about resources, articles, and tutorials about React and its environment.

I like to start from the beginning when learning something. So I thought that the official React site would be a good first step.

Play around with the interactive home page, and then head to the tutorial. It should take one hour or two depending on how much you read the documentation. I suggest you to do so, as it will help you build a “glossary” (JSX? Component? props? state?)

After that, Thinking in React will give you a good approach to building things with React.

I think that this will be more than enough for the first day or two.

See you next  time!


Cover Image: Learning to swim

My weekly Twitter Likes

thousands of colorful galaxies swimming in the inky blackness of space

The Philip Glass feeling is really appropriate…

The easy ones.

Import HTML into Google Spreadsheets

 

 

How to debug with PHPStorm and PHP builtin server

I was playing with Symfony recently, and I needed to setup debug in PHPStorm using the PHP internal web server.

I’ve setup xdebug with PHPStorm in multiple environments, and each time I find a different glitch. Lucky me 🙂

So, I will assume that you have PHP, xdebug, PHPStorm installed.

These are the steps:

  1. Edit the xdebug configuration file (in Ubuntu you can find it in /etc/php5/cli/conf.d/20-xdebug.ini) and add the following lines:
    xdebug.remote_autostart = 1
    xdebug.remote_enable = 1
  2. Start the server with php bin/console server:run
  3. In PHPStorm, click the phone handle icon.phpstorm_phone_handle_icon
  4. Set a breakpoint and load your application in the browser.

You’re done! Can you believe it?

This time the difference was that remote_autostart flag!

Until for next xdebug setup tip, bye 😉