💿Here is a study guide I curated for ReactJS + Redux beginners, people who need a refresh, or anyone just looking to learn something new!☁️
I've broken it down into a few subtopics:
- INTRODUCTION TO REACT / GENERAL
- COMPONENTS
- STATE + PROPS
- ROUTING
- EVENTS
- LIFECYCLE HOOKS + LIFECYCLE METHODS
- REDUX
- JWT AUTHENTICATION
INTRODUCTION TO REACT / GENERAL
- What is React?
- What are React's core features?
- How is React code written?
- What is JSX?
- What is the Virtual DOM?
- What is memoization? Give an example.
- What is client-side routing?
- What is object destructuring? Give an example.
- What does "referentially transparent" mean?
- What does "reconciliation" mean?
- What is the difference between a framework and a library?
- What is ReactDOM?
- What does ReactDOM.render() do?
- What is Babel?
- What is transpiling? What is compiling?
- What is Node Package Manager? What does it do?
- What is Webpack? What does it do?
- What does "unidirectional data flow" mean?
- What is the purpose of keys?
COMPONENTS
- What are the key features of Class components?
- What are the key features of Functional components?
- What is a "controlled" component? What is an "uncontrolled" component?
- What is a "pure" component?
- Is there a difference between class and functional components? (Think state, functionality, syntax)
- What is the React.Component class? What is its purpose?
STATE + PROPS
- Describe state.
- Describe props.
- What are the ways we can update state?
- What is the difference between React state and Redux State?
- What is a "controlled" form?
ROUTING
- What is React-Router? What does it do?
- What are routeProps?
- How does React handle nested routes?
- How does React handle routing in general?
- What does the Switch component do?
EVENTS
- How does React handle events? Give an example.
- What is a "synthetic" event?
- What is a "native" event?
- What is the purpose of "e.preventDefault()"?
LIFECYCLE HOOKS + LIFECYCLE METHODS
- What is a Lifecycle Hook? Name + describe some examples.
- What is a Lifecycle Method? Name + describe some examples.
- What is mounting? What is unmounting?
- Is there ultimately a difference between Lifecycle Hooks and Lifecycle Methods?
REDUX
- What is Redux? Name some core features.
- What is the Redux "store"?
- What is an action? How do actions work? What do they return?
- What is a reducer? How do reducers work? What do they return?
- How does React and Redux communicate?
- What is an action creator?
- What is dispatching?
- How does the store get updated?
- What is mapPropsToState()?
- What is mapDispatchToState()?
- What is connect()?
- Using Redux, when do components get rerendered?
- What is Thunk?
- What does "Provider" do?
JWT AUTHENTICATION
- What is JWT?
- What is the JWT structure?
- Describe the JWT header.
- Describe the JWT payload.
- Describe the JWT signature.
- How does JWT work? What is the flow?
- What is a token?
💿Thank you for reading along!💿
☁️Comment below for any suggestions!☁️