Learning React.js

Tina Huynh - Mar 25 '22 - - Dev Community

Table of Contents

  1. Books
  2. Tools & Resources

If you are interested in seeing a roadmap specific to frontend developers, click here.

Disclaimer: Roadmaps are always opinionated.

React roadmap - roadmap.sh

Everyone is talking about React.js being a great skill to have in the field. Want to be a part of the React community?

Books

1. FullStack React

2. React.js Essentials

Includes step-by-step tutorials and is ideal for those who have a good knowledge of front-end development.

3. HTML to React: The Ultimate Guide

The e-book has 400+ pages and it gets regularly updated. You also get new versions for free. It contains 50+ real-world project ideas and checklists that you need as a web developer.

4. React Cookbook

66 hands-on recipes covering UI development, routing, databases, and testing with React.

5. Learning React: Functional Web Development with React and Redux

This book goes through React components used by Facebook and other large-scale distributors. After you finish this book, you will know how to use React JS in web applications and will be able to build your own React applications efficiently.

6. The Road to React

7. React in Action

This book introduces you to the basics of React - components, rendering, JSX, data flow, routing, etc.

8. Learn React Hooks

Tools and Resources

1. WrapPixel

Provides React, Bootstrap, Angular, and Vuejs templates.

2. Reactide

A dedicated IDE for React.js development.

3. React Sight

Will read React's virtual DOM and render an interactive tree diagram of the components rendered on the page.

4. React Cosmos

Offers a complete solution for building reusable components. Allows you to render components with any compose of context, state, and props.

5. React Boilerplate

Quick setup for new performance oriented, offline-first highly scalable React.js applications.

6. React Studio

A visual design tool that allows you to create React components and app flows.

7. Evergreen

Promotes creating systems, which anticipates new and changing design needs. Built and maintained by Segment.

8. React Proto

A prototyping tool developed and produced by React while keeping both designers and developers in consideration. The goal was to create a tool to simplify the initial phase of mocking up and designing customer side apps.

Conclusion

Do you have any other resources to add to the list?

Happy coding!

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .