Category Archives: react

React. Benchmarking and optimizing performance

There is a tool called react-addons-perf that should be imported into your project.

After that you can use Perf object in your console. It can tell you about your react performance issues, not including redux. For instance, you can check unnecessary renders or unnecessary change calculations:

Here’s more on that — https://reactjs.org/docs/perf.html. And …

Read more

MVC vs Flux

They are all architecture patterns. M is for model. It stores generic logic for the model like fields and calculations based on the fields like validation and stuff. V is for view. It just renders stuff and passes user interactions (events) to it’s controller via controller’s API. C is for controller that ties models to …

Read more

Testing react’s dom with jest and enzyme

Install it like this:

Regression testing of react app with jest

Example is here — https://facebook.github.io/jest/docs/en/tutorial-react.html. The main idea is this:

React component lifecycle methods

Good article on react.js component lifecycle methods with DOs and DONTs: https://medium.com/@baphemot/understanding-reactjs-component-life-cycle-823a640b3e8d