Expert-led, Custom-built, hands-on Reactjs training for your developer team.
Train your team on topics like React, Redux, Webpack, React Router, and related React libraries. If you don't see the React course here that you need, have us build a custom course (or series of courses) for your team.
Reactjs is being used widely in production in Instagram, Facebook, and Facebook Messenger. More companies, each month, are adopting it as the view layer for their applications.
React is the hot library of 2017. React came out of Facebook’s struggle to get the Like Button count to work well. When people would push it, it was hard to get the like count right. React offers a new (and faster way) to create data-driven interactive user interfaces. It is actually used in production for hundreds of millions of users (Instagram/Facebook) so even though it’s new, it has been thoroughly ‘battle tested’.
The React Learning Curve
The Curious Monkey
When learning any new technology, learning and creating your own simple “Hello World” project is always good place to start. The initial start brings more curiosity to dig deeper and learn how to pass data from one component to another component. Reading and learning about React’s prop and finding it’s fairly easy to understand is great confidence booster. As with learning anything new, you know that there will be some challenges you’ll have to endure.
When writing code that you think it’s correct and doesn’t work definitely lowers your confidence, but when you figure out what you coded wrong and fix it to render what you want, you gain your confidence back. You start to think “AH HA!”, I’m kind of getting hang of this. Trial and error is definitely only way to learn the components, state, and props.
Gravity Doesn’t Lie
Reading documentations and blog posts about basic React.js concepts can give basic idea how to start building something with React from scratch. As everyone know, once something goes up, it must come back down as well. Instead of using pre-made React templates, you open up your IDE or any other coding resources online, and decide to build simple React application. This can be the challenging and most motivating part to do. Everyone has that little fear inside when opening a blank text file because it questions where to even start.
Where’s the Magic?
With React basics all set up, it’s time to create something. As with learning many other new technologies, we can build a simple TODO application. Feeling a bit nervous and worried is okay. We all have to go through it in order to learn and improve ourselves. One thing to remember when learning anything new is that frustration is bound to happen. Important thing is to persevere through it and don’t give up. React has no magic happening like AngularJS. The application is built how you want it to function, so many of functionality is built by your own custom methods.
It’s major accomplishment learning how components, state, and prop all unfolds together. Now, maybe it’s time to take it to another level and create some routes in your TODO app. The biggest challenge with React routing is understanding the linking between components in components and learning to keep UI in sync with URL. But through good documentation, getting hang of React routing is only time. Having a module already built in for us to use and learning how the module works gives us great advantage. Reading through documentations and trying out couple examples will give some confidence boost learning React routing. Until actually writing the code and checking to see if the routing is working correctly, it’s truly hard to understand how it all works.
When using JSX with React, event handlers are different from regular HTML. With JSX, events get automatically delegated to the root React node. It attaches the single event handler on the root node that will handle all your events so you do not have to worry about event delegation. This helps the application by not having to worry about infinitely growing memory consumption.
The Initial Take Off
The Blast Off