Learning React.js
Tags: beginners, react, todayisearched
Published: 2022-03-25 19:31:35

## Table of Contents
1. [Books](#books)
2. [Tools & Resources](#tools-and-resources)

If you are interested in seeing a roadmap specific to frontend developers, [click here](https://roadmap.sh/frontend).

> Disclaimer: Roadmaps are always opinionated.

![React roadmap - roadmap.sh](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3buz8bqauip269fjosm6.png)

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](https://www.newline.co/fullstack-react?affiliate_id=934179955)

#### 2. [React.js Essentials](https://www.amazon.com/React-js-Essentials-Artemij-Fedosejev/dp/1783551623)
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](https://gumroad.com/a/172561523/dvfyN)
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](https://www.amazon.com/React-Cookbook-Recipes-Mastering-Framework/dp/1492085847)
66 hands-on recipes covering UI development, routing, databases, and testing with React.

#### 5. [Learning React: Functional Web Development with React and Redux](https://www.amazon.com/Learning-React-Functional-Development-Redux/dp/1491954620?tag=javamysqlanta-20)
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](https://www.amazon.com/Road-learn-React-pragmatic-React-js-ebook/dp/B077HJFCQX?tag=javamysqlanta-20)

#### 7. [React in Action](https://www.amazon.com/React-Action-Mark-Tielens-Thomas/dp/1617293857?tag=javamysqlanta-20)
This book introduces you to the basics of React - components, rendering, JSX, data flow, routing, etc.

#### 8. [Learn React Hooks](https://www.amazon.com/Learn-React-Hooks-refactor-applications-ebook/dp/B07YZ9V9WW?tag=javamysqlanta-20)

### Tools and Resources
#### 1. [WrapPixel](https://www.wrappixel.com/)
Provides React, Bootstrap, Angular, and Vuejs templates.

#### 2. [Reactide](https://reactide.io/)
A dedicated IDE for React.js development.

#### 3. [React Sight](https://www.reactsight.com/)
Will read React's virtual DOM and render an interactive tree diagram of the components rendered on the page.

#### 4. [React Cosmos](https://reactcosmos.org/)
Offers a complete solution for building reusable components. Allows you to render components with any compose of context, state, and props.

#### 5. [React Boilerplate](https://www.reactboilerplate.com/)
Quick setup for new performance oriented, offline-first highly scalable React.js applications.

#### 6. [React Studio](https://reactstudio.com/)
A visual design tool that allows you to create React components and app flows.

#### 7. [Evergreen](https://evergreen.segment.com/)
Promotes creating systems, which anticipates new and changing design needs. Built and maintained by Segment.

#### 8. [React Proto](https://react-proto.github.io/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!