This project was bootstrapped with Create React App.
In this file you will find useful documentation about setting up, running and extending this project. You can find the most recent version of this guide here.
The component division and files/folders structure is created following this proposal
You need a file named .env in the project rootpath with the following variables:
REACT_APP_API_BASE_URL=xxxxxx
We use scoped styles per component, powered by Radium library.
This makes us write inline styles using JS objects and 0% of css. This is an important decision that has a high impact in the project development and is mainly based on the pros and cons exposed in this talk.
This project also supports performance debugging using react-addons-perf.
To use it, open a browser console within your project. Then,
// Start measurement
Perf.start()
// Do stuff in your project
// Stop measurement
Perf.stop()
// Prints changes count on Virtual DOM that doesn't impact on render()
Perf.printWasted()
It's recommended to check official reference here.
This project is already configured to take advantadge of the following tools:
We strongly recommended installing the browser extensions and use them during development.