9 things for beginner about ReactJS - Xtreem Heights

First Step towards a Bright Career

Want to choose a career path, or want to excel in your career?

Get the Expert Advice from XtreemHeights...


9 things for beginner about ReactJS

It’s just a view library
React is not another MVC framework, or any other kind of framework. It’s just a library for rendering your views

Keep your components small
Every good developer knows that small classes/modules/whatever are easier to understand, test, and maintain, and the same is true of React components. My mistake when starting out with React was under-estimating just how small my components should be

Write functional components
const MyComponent = React.createClass({
render: function() {
return <div className = {

Write stateless components
Just be very conscious of every time you add state to a component. Once you start, it can become very easy to add ‘just one more thing’, and things get out of control before you know it!

Use Redux.js
The API is smaller, simpler, and better-documented. I’ve found it much quicker and easier to learn all of the concepts, and therefore much easier to understand the flow of actions and information in my own projects.

Always use propTypes
When in development (not production), if any component is not given a required prop, or is given the wrong type for one of its props, then React will log an error to let you know.

Use shallow rendering
Shallow rendering is nice, because it allows you to render a single component completely, but without delving into any of its child components to render those. Instead, the resulting object will tell you things like the type and props of the children. This gives us good isolation, allowing testing of a single component at a time.

Use JSX, ES6, Babel, Webpack, and NPM
Once we’ve added Babel though, there’s no reason not to go all out and use all the great ES6 features, like constants, arrow functions, default arguments, array and object destructuring, spread and rest operators, string interpolation, iterators and generators, a decent module system, etc. It really feels like JavaScript is beginning to ‘grow up’ as a language these days, as long as you’re prepared to spend a little bit of time setting up the tools.

Use the React and Redux dev tools
Speaking of tooling, the development tools for React and Redux are pretty awesome. You can also set up hot module replacement with webpack, so that your page updates as soon as you save your code – no browser refresh required.


0 thoughts on “9 things for beginner about ReactJS

Got Something To Say:

Your email address will not be published. Required fields are marked *