Skip to content

The purpose of this guide is to provide a list of several free ressources (articles πŸ“, books πŸ“–, videos 🎬) which will help you to learn modern JavaScript and the React library.

master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 

Road to Modern JavaScript and React

The purpose of this guide is to provide a list of several free ressources (articles πŸ“, books πŸ“–, videos 🎬) which will help you to learn modern JavaScript and the React library.

⚠️ This guide is not meant to list everything you must know about JavaScript or React. I've tried to list what could be useful if you were totally new to this world based on my experience and the people I've met. If your favorite thing isn't listed there, it doesn't mean I dislike it or disapprove it. For example TypeScript or GraphQL are great, but I don't think it is mandatory to learn that first as a beginner.

1) Modern JavaScript πŸ’ƒ

Tutorials that cover everything:

Articles and videos I liked:

Documentation

Sometimes you will need to search for documentation, for example if you don't know a specific keyword in a codebase or you would like to learn how to use a native function. Of course you can use any search engine or Stackoverflow but I would recommend using the MDN Web Docs.

2) React βš›οΈ

Hooks πŸ†š Class Components

The hooks are very React specific, I suggest you check Why React Hooks? πŸ“ 🎬 in order to learn more about React history and or why we now use hooks. You might also want to learn about Class components and some patterns used to share logic between components (before hooks arrival) because there are still present in a lot of codebases:

State management

At some point you might think it would be nice to have access to some kind of global state in any React component in order to avoid passing down props again and again... People might tell you to use Redux or MobX or Apollo or XState or [insert popular library name] to achieve that but it might be overkilled! I would recommend reading the article React State Management Libraries and How to Choose πŸ“ to get a nice overview.

3) What's next!? πŸŽ“

What about styling? πŸ’…

Some basics

Libraries you can use to manage your style:

  • CSS Modules πŸ“
  • JSS πŸ“
  • Emotion πŸ“
  • Styled Components πŸ“ I think they are the best in between choice for those who are used to write "classic" CSS and want to take advantage from mixing it with JavaScript.

Design systems

Maybe you just want to build an app and avoid spending a lot of time writing CSS and HTML. I suggest you use libraries such as Material-UI, Ant Design or Polaris.

What about testing? πŸ€–

Others tools I default to

Others libraries I default to

Paid Courses πŸ’Έ

The ones I recommend after completing them:

About

The purpose of this guide is to provide a list of several free ressources (articles πŸ“, books πŸ“–, videos 🎬) which will help you to learn modern JavaScript and the React library.

Topics

Resources

Releases

No releases published

Packages

No packages published