Go through this list from top to bottom, select the recommended articles as a minimum introduction to React. The articles, mentioned on this page, address many of the pain points of learning important React concepts.
As a minimum it is worth understanding:
- Component Design Principles
- Atomic Design
- JavaScript ES6 Thinking in React
- Presentational and Container Components Stateful and Stateless Components
- JSX
- Refs
- Higher Order Components
- BEM (CSS)
This free course is a good starting point if you do not wish to individually follow the links provided: https://scrimba.com/g/glearnreact
https://codeburst.io/declarative-vs-imperative-programming-a8a7c93d9ad2
https://flaviocopes.com/react-composition/
https://engineering.carsguide.com.au/front-end-component-design-principles-55c5963998c9
https://egghead.io/lessons/react-introduction-to-the-beginner-s-guide-to-reactjs
http://bradfrost.com/blog/post/atomic-web-design/
https://twitter.com/ChromiumDev/status/1045345957230112771
http://es6-features.org/#Constants
https://leanpub.com/understandinges6/read
https://reactjs.org/docs/thinking-in-react.html 1
https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0
https://egghead.io/lessons/react-introduction-to-the-beginner-s-guide-to-reactjs
https://medium.com/@nimelrian/thinking-in-react-a-paradox-statement-33c19e2eb9e2
https://code.tutsplus.com/tutorials/stateful-vs-stateless-functional-components-in-react--cms-29541
https://engineering.musefind.com/react-lifecycle-methods-how-and-when-to-use-them-2111a1b692b1
https://reactjs.org/tutorial/tutorial.html
https://reactjs.org/docs/uncontrolled-components.html
https://hackernoon.com/react-composition-patterns-from-the-ground-up-8401aaad93d7
https://github.com/the-road-to-learn-react/react-composability-over-configurability
https://blog.logrocket.com/conditional-rendering-in-react-c6b0e5af381e
https://levelup.gitconnected.com/an-unforgettable-way-to-learn-redux-f36afd38c966
https://egghead.io/courses/getting-started-with-redux
https://reactjs.org/docs/introducing-jsx.html
https://reactjs.org/docs/jsx-in-depth.html
https://reactjs.org/docs/higher-order-components.html
https://reactjs.org/docs/refs-and-the-dom.html
https://reactjs.org/docs/context.html
https://medium.com/@dan_abramov/how-to-use-classes-and-sleep-at-night-9af8de78ccb4
https://github.com/Cmdv/Essential-TDD-BDD-React-list
https://github.com/leonardomso/33-js-concepts
https://addyosmani.com/resources/essentialjsdesignpatterns/book/
http://getbem.com/introduction/
http://www.flexboxdefense.com/
https://www.xfive.co/blog/itcss-scalable-maintainable-css-architecture/