Topics to understand when learning React

Nikita Jiandani — Tue, 05 Jan 2021 16:00:03 +0000

This is a list of all the useful topics and gotchas that I think might be useful for anyone looking to gain some further insight into some of the cool features/quirks of React.(I will try to update this article with links to resources.)

This does not include class based components and their explicit lifecycle methods.

Note: This is not a complete guide or a comprehensive list of resources but rather a collection of the main things I consider to be important React knowledge.

Functional programming concepts

What is the Virtual DOM?

JSX, props? - Make reusable components and communicate with them using `props`

Hooks? `useState`, `useEffect` etc.

Debugging strategies, React Dev Tools, Redux Dev Tools

Chrome extension links

React Dev tools - https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en
Redux Dev tools -
https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd?hl=en

PropTypes

Typechecking with PropTypes - https://reactjs.org/docs/typechecking-with-proptypes.html

The `children` prop

Controlled components

React Context API

Refs?

useRef - Another hook 😇

State management with Redux

Redux does not actively enforce state immutability in its store or reducers, that responsibility falls on the programmer.

What are mapStateToProps, mapDispatchToProps?

Free Egghead course on Redux - https://egghead.io/courses/getting-started-with-redux

Redux tutorial by Dave Ceddia - https://daveceddia.com/redux-tutorial/

An explanation of how Redux works - https://www.youtube.com/watch?v=3sjMRS1gJys&feature=youtu.be

Some other things to consider

Code style guide?
Prettier, Linter

Forem: Nikita Jiandani