Getting started with code splitting using react-loadable • matwrites

  • One of the most popular ways of making our React app load faster is code-splitting.
  • It has a huge impact on the performance by not letting the user download the whole app with vendors at once (we can easily achieve bundle size around ~2mb by adding most common tools and libraries).
  • One of the methods to split our code is to bundle vendors and the app separately.
  • That way our end-user doesn’t need to download the whole bundle and is being served with required chunks of the package when they’re really needed.
  • What if we split our bundle around the components that actually import specific bundle parts instead of splitting the code around routes at which they are required?

Developing and building our client-side apps has never been easier. NPM and it’s registry is giving us an access to thousands of thousands of packages. Installing them and attaching to the project is super easy today, but it has one major disadvantage: increasing bundle size.
Continue reading “Getting started with code splitting using react-loadable • matwrites”

React Best Practices – Medium

Check out these useful #ReactJS best practices:

  • The best way to create a parent container is to clone the children and pass down the desired props.
  • Use Smart and Dumb Components : There is not much to say other than you don’t need to have a state in every object.
  • The whole idea of using React is code re-usability so if you just throw everything in one file you are losing the beauty of React.
  • I personally use Redux because it forces you to have a more controlled file structure.
  • Anyone with enough experience understands how much of a hassle this is to maintain and how much load it takes on the browser if you render every component every time.

Read the full article, click here.

@ReactiveConf: “Check out these useful #ReactJS best practices:”

Lately React has been becoming the new tool used by developers to create everything from a single page application to mobile applications…

React Best Practices – Medium