Project Fundamentals

It can be overwhelming when starting out on this project because of the sheer number of elements in the modern Javascript ecosystem. In order to get you started as soon as possible, this page has summaries and links to all the concepts used in this project.

This allows you to quickly start off with bug fixes and improve code understanding while eliminating the time and effort required to find learning resources.

Complete working of the starter kit used

Check here.

Babel and Webpack

For a brief intro to these concepts, go here.

CSS Modules

This project uses CSS modules for component styling.
For a primer on CSS modules and why it is needed, check here.

An isomorphic style loader is used for loading the styles into the React DOM when they are imported into a React component. In other words, it adds the corresponding CSS for a component by adding the 'style' tag in the React DOM for that component.
For more clarity, check this.

To bring it all together and check how the above concepts work with each other, see this.