Notable

Start

This guide aims to pull together quality content about React core concepts into a central location for quick reference.

Tip: 🤔 Learn React before you try using things like Redux, MobX. See: 8 things to learn in React before using Redux @rwieruch

Remember we’re all learning. Read, Try, Mess Up (it’s okay). If you find this guide helpful let me know @timarney.

ReactDOM.render(
  <h1>Learn React</h1>,
  document.getElementById('root')
);

There’s lots to learn but if you break it down there are some key concepts to focus on. JSX, React Elements, Components, Lifecycle Methods, Props and State.

Tip: 🤔 If you’re stuck checkout out Reactiflux or Stack Overflow

These articles will start you down the path to learning React.

I don’t know React what should I watch / read before I start?

• How to React ⚛️
• The Beginner’s Guide to ReactJS
• Thinking in React - Pete Hunt
• 🔥 Teaching React Without Using React Eric Clemmons @ericclemmons
• 🔥 13 things you need to know about React @kjendrzyca
• The 5 Things You Need To Know To Understand React Sacha Greif
• Official React Docs
• Yes, React is taking over front-end development. The question is why Samer Buna @samerbuna
• React Out of the Box - React for Newbies Rob Merrill @robgmerrill
• How Pure CSS Images Helped Me Understand React Components Michael Mangialardi @michaelmangial1
• React Express @devinaabbott

Tip: 🤔 Check out this interactive screencast React Tic Tac Toe Tutorial https://scrimba.com/c/cbqm3SM Per Harald Borgen @perborgen