patlolla-sai-charan-reddy / react-faq

A collection of links to help answer your questions about React.js

React FAQ

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

Remember we're all learning. Read, Try, Mess Up (it's okay).

#Start

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. These articles will start you down the path to learning React.

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

• 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 are a great resource

• Official React Docs

**Additional information to start with**

* [Pete Hunt: React: Rethinking best practices (JSConf EU 2013)](https://www.youtube.com/watch?v=x7cQ3mrcKaY) * [React in 7 Minutes](https://egghead.io/lessons/react-react-in-7-minutes) this is a slightly dated but still really good starter * [Complete Intro to React - React, Webpack, Babel, Redux, React Router, SSR](https://btholt.github.io/complete-intro-to-react/) Brian Holt(@holtbt) for Frontend Masters worshop * [React "Aha" Moments](https://tylermcginnis.com/react-aha-moments) Tyler McGinnis @tylermcginnis33 * [All the terrible things I did the first time I wrote a complex React App ](https://youtu.be/Fk--XUEorvc?t=20666) Raquel @raquelxmoss * [Introduction to React](https://mva.microsoft.com/en-US/training-courses/introduction-to-react-16635?l=4wrKgdJrC_206218965) Eric W. Greene / Microsoft Virtual Academy

Main Reference

• Creating a React Project
• JSX
• The Virtual DOM
• React elements
• Components
  • Lifecycle Methods
  • Component Types
  • Finding Components
  • Controlled Components
  • Props
  • State
  • Children API
  • Binding
  • Events
  • Rendering
  • Keys
  • Refs
• Patterns
• Reusable React components

Additional Topics

• Why use React?
• Adding React to an existing app
• CSS and React
• Context
• Forms
• React Ajax
• Testing / Debug
• Server-Side Rendering
• Gotchas
• Internationalization
• A11Y
• Third Party Libraries
• Performance
• Animations
• SVG & React
• React Style Guides
• Redux and Mobx
• Deep Dive
• React Fiber
• Interview Questions
• Tools
• History
• PATENTS

More Resources

• Video Courses
• Talks
• Training
• Books
• Newsletters

Other Languages

🇪🇸 Español 🇨🇳 简体中文