Methodology
There are countless lists on the internet claiming to be the list of must-read react books and it seemed that all those lists always recommended that same books minus two or three odd choices.
Finding good resources for learning programming is always tricky. Every-one has its own opinion about what book is the best to learn, and as we say in french, “Color and tastes should not be argued about”.
However I though it would be interesting to trust the wisdom of the crown and to find the books that appeared the most in those “Best react Book” lists.
If you want to jump right on the results go take a look below at the full results. If you want to learn about the methodology, bear with me.
I’ve simply asked Google for a few queries like “Best react Books” and its variations of. I have then scrapped all those pages (using ScrapingBee, a web scraping API I’m working on).
I’ve deduplicated the links and ended up with nearly 32 links. Using the title of the pages I was also able to quickly discards:
- list focused on one particular technology or platform
- list focused on one particular year
- list focused on free books
- Quora and Reddit threads
I ended up with almost 29 HTML files. I went on opening all the files on my browser, open my chrome inspector, found and wrote the CSS selector matching book titles in the article. This took me around 1hours, almost 30 seconds per page.
This also allowed me to discard even more nonrelevant pages, and I discarded a lot. In the end I compiled around 17 lists into this one.
Book titles were then extracted with manuel extraction and some web scraping.
I ended up with a huge list of books, not usable without some post-processing.
To find the most quoted react books I needed to normalize my results.
I had to play with all the different variation like “{title} by {author}” or “{title} - {author}”.
Or “{title}:{subtitle}” and “{title}”, or even all the one containing edition number.
And afterquite a bit of manual cleaning.
My list now looked like this:
From there it was easy to compute the most recommended books. You can find all the data used to process this list on this repo. Now let’s take a look at the list:
I've also recently used some data from different book sellers in order to not forget important books and try to give more weight to books with incredible reviews.
‍
Results
19
)
Node.js, MongoDB, React, React Native Full-Stack Fundamentals and Beyond
“
***NEWLY RELEASED FULLY REVISED, PROFESSIONALLY EDITED VERSION - Sept 2019. Addressing the review below!***.
Enjoy learning the fundamentals of building a Service Layer with Node.js/Express, a Data Layer with MongoDB, and a Presentation Layer with React and React Native. Illustrated with a sample application to learn everything along the way.This book will teach you how to develop JavaScript applications with simple to use, yet powerful JavaScript technologies and host everything in the cloud in an economic and robust way
Enjoy learning the fundamentals of building a Service Layer with Node.js/Express, a Data Layer with MongoDB, and a Presentation Layer with React and React Native. Illustrated with a sample application to learn everything along the way.This book will teach you how to develop JavaScript applications with simple to use, yet powerful JavaScript technologies and host everything in the cloud in an economic and robust way
”
Amazon.com
18
)
Mastering React Test-Driven Development: Build rock-solid, well-tested web apps with React, Redux and GraphQL
“
Implement TDD for your React applications using Jest, React Router, Redux, and GraphQL/Relay, and learn BDD and end-to-end acceptance testing with CucumberJS and Puppeteer Key Features Learn the TDD process using the React framework Build complex, real-world applications with a pragmatic approach to TDD Use Cucumber for acceptance and behavior-driven development (BDD) testing, incorporating TDD in the wider team Book Description Many programmers are aware of test-driven development (TDD), but struggle to apply it beyond basic examples. This React book teaches you how to build complex, real-world applications using TDD.
It takes a first-principles approach to the TDD process using plain Jest, and includes test-driving the integration of libraries including React Router, Redux, and Relay (GraphQL). You will practice systematic refactoring while developing your own test framework, and will gain a deep understanding of TDD tools and techniques.
You'll also learn how to test-drive features such as client- and server-side form validation, data filtering and searching, navigation and user workflow, undo/redo, animation, LocalStorage access, WebSocket communication, and querying GraphQL endpoints. Fully updated to React 16.9, this book will take you through refactoring codebases needed to use the React Router and Redux libraries via TDD.
You'll learn about Redux in depth, with reducers, middleware, sagas, and connected React components. This book will also cover acceptance testing using Cucumber and Puppeteer.
By the end of this book, you'll have got to grips with best practices for TDD and be able to perform acceptance testing for your applications effectively. What you will learn Build test-driven applications using React 16.9+ and Jest Design complete web applications using a variety of HTML input elements Understand the different types of test double and when to apply them Test-drive the integration of libraries such as React Router, Redux, and Relay (GraphQL) Get to know when to be pragmatic and how to apply TDD shortcuts Trial interaction with browser APIs including fetch and WebSockets Use Cucumber.js and Puppeteer to build BDD-style acceptance tests for your applications Develop and test async Redux code using redux-saga and expect-redux Who this book is for This book is for JavaScript developers and React programmers who are looking to implement test-driven and behavior-driven approaches for their React applications.
A basic understanding of the Git commands will be helpful. Table of Contents First Steps with Test-Driven Development Test-driving Data Input with React Exploring Test Doubles Creating a User Interface Humanizing Forms Filtering and Searching Data Test-driving React Router Test-driving Redux Test-driving GraphQL Building a Logo Interpreter Adding Animation Working with WebSockets Writing Your First Acceptance Test Adding Features Guided by Acceptance Tests Understanding TDD in the Wider Testing Landscape
It takes a first-principles approach to the TDD process using plain Jest, and includes test-driving the integration of libraries including React Router, Redux, and Relay (GraphQL). You will practice systematic refactoring while developing your own test framework, and will gain a deep understanding of TDD tools and techniques.
You'll also learn how to test-drive features such as client- and server-side form validation, data filtering and searching, navigation and user workflow, undo/redo, animation, LocalStorage access, WebSocket communication, and querying GraphQL endpoints. Fully updated to React 16.9, this book will take you through refactoring codebases needed to use the React Router and Redux libraries via TDD.
You'll learn about Redux in depth, with reducers, middleware, sagas, and connected React components. This book will also cover acceptance testing using Cucumber and Puppeteer.
By the end of this book, you'll have got to grips with best practices for TDD and be able to perform acceptance testing for your applications effectively. What you will learn Build test-driven applications using React 16.9+ and Jest Design complete web applications using a variety of HTML input elements Understand the different types of test double and when to apply them Test-drive the integration of libraries such as React Router, Redux, and Relay (GraphQL) Get to know when to be pragmatic and how to apply TDD shortcuts Trial interaction with browser APIs including fetch and WebSockets Use Cucumber.js and Puppeteer to build BDD-style acceptance tests for your applications Develop and test async Redux code using redux-saga and expect-redux Who this book is for This book is for JavaScript developers and React programmers who are looking to implement test-driven and behavior-driven approaches for their React applications.
A basic understanding of the Git commands will be helpful. Table of Contents First Steps with Test-Driven Development Test-driving Data Input with React Exploring Test Doubles Creating a User Interface Humanizing Forms Filtering and Searching Data Test-driving React Router Test-driving Redux Test-driving GraphQL Building a Logo Interpreter Adding Animation Working with WebSockets Writing Your First Acceptance Test Adding Features Guided by Acceptance Tests Understanding TDD in the Wider Testing Landscape
”
Amazon.com
17
)
Hands-On Full Stack Development with Spring Boot 2 and React: Build modern and scalable full stack applications using Spring Framework 5 and React with Hooks, 2nd Edition
“
A comprehensive guide to building full stack applications covering frontend and server-side programming, data management, and web security Key Features Unleash the power of React Hooks to build interactive and complex user interfaces Build scalable full stack applications designed to meet demands of modern users Understand how the Axios library simplifies CRUD operations Book Description React Hooks have changed the way React components are coded. They enable you to write components in a more intuitive way without using classes, which makes your code easier to read and maintain.
Building on from the previous edition, this book is updated with React Hooks and the latest changes introduced in create-react-app and Spring Boot 2.1. This book starts with a brief introduction to Spring Boot.
You'll understand how to use dependency injection and work with the data access layer of Spring using Hibernate as the ORM tool. You'll then learn how to build your own RESTful API endpoints for web applications.
As you advance, the book introduces you to other Spring components, such as Spring Security to help you secure the backend. Moving on, you'll explore React and its app development environment and components for building your frontend.
Finally, you'll create a Docker container for your application by implementing the best practices that underpin professional full stack web development. By the end of this book, you'll be equipped with all the knowledge you need to build modern full stack applications with Spring Boot for the backend and React for the frontend.
What you will learn Create a RESTful web service with Spring Boot Grasp the fundamentals of dependency injection and how to use it for backend development Discover techniques for securing the backend using Spring Security Understand how to use React for frontend programming Benefit from the Heroku cloud server by deploying your application to it Delve into the techniques for creating unit tests using JUnit Explore the Material UI component library to make more user-friendly user interfaces Who this book is for If you are a Java developer familiar with Spring, but are new to building full stack applications, this is the book for you. Table of Contents Setting Up the Environment and Tools - Backend Dependency Injection Using JPA to Create and Access a Database Creating a RESTful Web Service with Spring Boot Securing and Testing Your Backend Setting Up the Environment and Tools - Frontend Getting Started with React Consuming the REST API with React Useful Third-Party Components for React Setting Up the Frontend for Our Spring Boot RESTful Web Service Adding CRUD Functionalities Styling the Frontend with React Material-UI Testing Your Frontend Securing Your Application Deploying Your Application Best Practices
Building on from the previous edition, this book is updated with React Hooks and the latest changes introduced in create-react-app and Spring Boot 2.1. This book starts with a brief introduction to Spring Boot.
You'll understand how to use dependency injection and work with the data access layer of Spring using Hibernate as the ORM tool. You'll then learn how to build your own RESTful API endpoints for web applications.
As you advance, the book introduces you to other Spring components, such as Spring Security to help you secure the backend. Moving on, you'll explore React and its app development environment and components for building your frontend.
Finally, you'll create a Docker container for your application by implementing the best practices that underpin professional full stack web development. By the end of this book, you'll be equipped with all the knowledge you need to build modern full stack applications with Spring Boot for the backend and React for the frontend.
What you will learn Create a RESTful web service with Spring Boot Grasp the fundamentals of dependency injection and how to use it for backend development Discover techniques for securing the backend using Spring Security Understand how to use React for frontend programming Benefit from the Heroku cloud server by deploying your application to it Delve into the techniques for creating unit tests using JUnit Explore the Material UI component library to make more user-friendly user interfaces Who this book is for If you are a Java developer familiar with Spring, but are new to building full stack applications, this is the book for you. Table of Contents Setting Up the Environment and Tools - Backend Dependency Injection Using JPA to Create and Access a Database Creating a RESTful Web Service with Spring Boot Securing and Testing Your Backend Setting Up the Environment and Tools - Frontend Getting Started with React Consuming the REST API with React Useful Third-Party Components for React Setting Up the Frontend for Our Spring Boot RESTful Web Service Adding CRUD Functionalities Styling the Frontend with React Material-UI Testing Your Frontend Securing Your Application Deploying Your Application Best Practices
”
Amazon.com
16
)
React Projects: Build 12 real-world applications from scratch using React, React Native, and React 360
“
Build cross-platform applications of varying complexity for the web, mobile, and VR devices using React tooling Key Features Build React applications at scale using effective React patterns and best practices Explore React features such as Hooks, the Context API, and the Suspense API Extend React's integration with React Native for building cross-platform mobile apps and games Book Description Developed by Facebook, React is a popular library for building impressive user interfaces. React extends its capabilities to the mobile platform using the React Native framework and integrates with popular web and mobile tools to build scalable applications.
React Projects is your guide to learning React development by using modern development patterns and integrating React with powerful web tools such as GraphQL, Expo, and React 360. You'll start building a real-world project right from the first chapter and get hands on with developing scalable applications as you advance to building more complex projects.
Throughout the book, you'll use the latest versions of React and React Native to explore features such as Higher Order Components (HOC), Context, and Hooks on multiple platforms, which will help you build full stack web and mobile applications efficiently. Finally, you'll delve into unit testing with Jest to build test-driven apps.
By the end of this React book, you'll have developed the skills necessary to start building scalable React apps across web and mobile platforms. What you will learn Create a wide range of applications using various modern React tools and frameworks Discover how React Hooks modernize state management for React apps Develop progressive web applications using React components Build test-driven React applications using the Jest and Enzyme frameworks Understand full stack development using React, Apollo, and GraphQL Perform server-side rendering using React and React Router Design gestures and animations for a cross-platform game using React Native Who this book is for The book is for JavaScript developers who want to explore React tooling and frameworks for building cross-platform applications.
Basic knowledge of web development, ECMAScript, and React will assist with understanding key concepts covered in this book. Table of Contents Creating a Movie List Application in React Creating a Progressive Web Application with Reusable React Components Build a Dynamic Project Management Board with React and Suspense Build a SSR-Based Community Feed Using React Router Build a Personal Shopping List Application Using Context API and Hooks Build an Application Exploring TDD Using Jest and Enzyme Build a Full Stack E-Commerce Application with React Native and GraphQL Build a House Listing Application with React Native and Expo Build an Animated Game Using React Native and Expo Creating a Real-Time Messaging Application with React Native and Expo Build a Full Stack Social Media Application with React Native and GraphQL Creating a Virtual Reality Application with React 360
React Projects is your guide to learning React development by using modern development patterns and integrating React with powerful web tools such as GraphQL, Expo, and React 360. You'll start building a real-world project right from the first chapter and get hands on with developing scalable applications as you advance to building more complex projects.
Throughout the book, you'll use the latest versions of React and React Native to explore features such as Higher Order Components (HOC), Context, and Hooks on multiple platforms, which will help you build full stack web and mobile applications efficiently. Finally, you'll delve into unit testing with Jest to build test-driven apps.
By the end of this React book, you'll have developed the skills necessary to start building scalable React apps across web and mobile platforms. What you will learn Create a wide range of applications using various modern React tools and frameworks Discover how React Hooks modernize state management for React apps Develop progressive web applications using React components Build test-driven React applications using the Jest and Enzyme frameworks Understand full stack development using React, Apollo, and GraphQL Perform server-side rendering using React and React Router Design gestures and animations for a cross-platform game using React Native Who this book is for The book is for JavaScript developers who want to explore React tooling and frameworks for building cross-platform applications.
Basic knowledge of web development, ECMAScript, and React will assist with understanding key concepts covered in this book. Table of Contents Creating a Movie List Application in React Creating a Progressive Web Application with Reusable React Components Build a Dynamic Project Management Board with React and Suspense Build a SSR-Based Community Feed Using React Router Build a Personal Shopping List Application Using Context API and Hooks Build an Application Exploring TDD Using Jest and Enzyme Build a Full Stack E-Commerce Application with React Native and GraphQL Build a House Listing Application with React Native and Expo Build an Animated Game Using React Native and Expo Creating a Real-Time Messaging Application with React Native and Expo Build a Full Stack Social Media Application with React Native and GraphQL Creating a Virtual Reality Application with React 360
”
Amazon.com
15
)
The Road to GraphQL: Your journey to master pragmatic GraphQL in JavaScript with React.js and Node.js
“
The Road to GraphQL is your personal journey to master pragmatic GraphQL in JavaScript. The book is full with applications you are going to build along the way with React.js and Node.js.
Afterward, you will be able to implement full-stack JavaScript applications. I wrote the The Road to GraphQL over the last year, while building several GraphQL applications for my clients and for myself.
During this time, I came to understand the practical genius of GraphQL, and how it dramatically improves communication in client-server architectures. Not only does it improve the interface between the client and the server, it also enhances client-side state management by eliminating remote data management.
Sophisticated GraphQL libraries like Apollo Client provide powerful features like caching, optimistic UI, and data prefetching for free. This book covers the fundamentals of GraphQL itself, as well as its ecosystem.
I applied the same principles as my other books: Stay pragmatic Keep it simple Answer the why, not just the how Experience a problem, solve a problem This book is not intended to be an end-all reference for GraphQL APIs, nor an in-depth guide about the internals of the GraphQL specification. Instead, its purpose is to journey through learning GraphQL with JavaScript the pragmatic way, building client and server applications yourself.
The book covers lots of facets about GraphQL in JavaScript that are important for building modern applications, without just throwing the libraries like Apollo at problems before experiencing them. It starts with the basic HTTP requests to perform GraphQL queries first, then moves on to using dedicated GraphQL libraries for it.
You will even get the chance to implement your own GraphQL client library, so you understand how these libraries work under the hood. There are no hidden abstractions in this book, just plenty of fundamentals for JavaScript, React.js, Node.js, and GraphQL.
Requirements To get the most out of this book, you should be familiar with the basics of web development, which includes some knowledge of HTML, CSS and JavaScript. You will also need to be familiar with the term API, because they are discussed frequently.
I encourage you to join the official Slack Group for the book, help or get help from others. React On the client-side, this book uses React to teach about GraphQL in JavaScript.
My other book called The Road to learn React teaches you all the fundamentals about React. It also teaches you to make the transition from JavaScript ES5 to JavaScript ES6.
The book is available for free and after having read the Road to learn React, you should possess all the knowledge to implement the GraphQL client-side application with this book. Node On the server-side, this book uses Node with Express as library to teach about GraphQL in JavaScript.
You don't need to know much about those technologies before using them for your first GraphQL powered applications. The book will guide you through the process of setting up a Node application with Express and shows you how to weave GraphQL into the mix
Afterward, you will be able to implement full-stack JavaScript applications. I wrote the The Road to GraphQL over the last year, while building several GraphQL applications for my clients and for myself.
During this time, I came to understand the practical genius of GraphQL, and how it dramatically improves communication in client-server architectures. Not only does it improve the interface between the client and the server, it also enhances client-side state management by eliminating remote data management.
Sophisticated GraphQL libraries like Apollo Client provide powerful features like caching, optimistic UI, and data prefetching for free. This book covers the fundamentals of GraphQL itself, as well as its ecosystem.
I applied the same principles as my other books: Stay pragmatic Keep it simple Answer the why, not just the how Experience a problem, solve a problem This book is not intended to be an end-all reference for GraphQL APIs, nor an in-depth guide about the internals of the GraphQL specification. Instead, its purpose is to journey through learning GraphQL with JavaScript the pragmatic way, building client and server applications yourself.
The book covers lots of facets about GraphQL in JavaScript that are important for building modern applications, without just throwing the libraries like Apollo at problems before experiencing them. It starts with the basic HTTP requests to perform GraphQL queries first, then moves on to using dedicated GraphQL libraries for it.
You will even get the chance to implement your own GraphQL client library, so you understand how these libraries work under the hood. There are no hidden abstractions in this book, just plenty of fundamentals for JavaScript, React.js, Node.js, and GraphQL.
Requirements To get the most out of this book, you should be familiar with the basics of web development, which includes some knowledge of HTML, CSS and JavaScript. You will also need to be familiar with the term API, because they are discussed frequently.
I encourage you to join the official Slack Group for the book, help or get help from others. React On the client-side, this book uses React to teach about GraphQL in JavaScript.
My other book called The Road to learn React teaches you all the fundamentals about React. It also teaches you to make the transition from JavaScript ES5 to JavaScript ES6.
The book is available for free and after having read the Road to learn React, you should possess all the knowledge to implement the GraphQL client-side application with this book. Node On the server-side, this book uses Node with Express as library to teach about GraphQL in JavaScript.
You don't need to know much about those technologies before using them for your first GraphQL powered applications. The book will guide you through the process of setting up a Node application with Express and shows you how to weave GraphQL into the mix
”
Amazon.com
14
)
JavaScript Everywhere: Building Cross-Platform Applications with GraphQL, React, React Native, and Electron
“
JavaScript is the little scripting language that could. Once used chiefly to add interactivity to web browser windows, JavaScript is now a primary building block of powerful and robust applications.
In this practical book, new and experienced JavaScript developers will learn how to use this language to create APIs as well as web, mobile, and desktop applications. Author and engineering leader Adam D.
Scott covers technologies such as Node.js, GraphQL, React, React Native, and Electron. Ideal for developers who want to build full stack applications and ambitious web development beginners looking to bootstrap a startup, this book shows you how to create a single CRUD-style application that will work across several platforms
In this practical book, new and experienced JavaScript developers will learn how to use this language to create APIs as well as web, mobile, and desktop applications. Author and engineering leader Adam D.
Scott covers technologies such as Node.js, GraphQL, React, React Native, and Electron. Ideal for developers who want to build full stack applications and ambitious web development beginners looking to bootstrap a startup, this book shows you how to create a single CRUD-style application that will work across several platforms
”
Amazon.com
13
)
Modern Full-Stack Development: Using TypeScript, React, Node.js, Webpack, and Docker
“
Explore what React, Node, TypeScript, Webpack, and Docker have to offer individually, and how they all fit together in modern app development. React is one of the most popular web development tools available today, and Node.js is extremely popular for server-side development. The fact that both utilize JavaScript is a big selling point, but as developers use the language more, they begin to recognize the shortcomings, and that’s where TypeScript comes in and why it’s gaining in popularity quickly. Add Webpack and Docker to the mix, and you’ve got a potent full development stack on which to build applications.
You’ll begin by building a solid foundation of knowledge and quickly expand it by constructing two different real-world apps. These aren’t just simple, contrived examples but real apps that you can choose to install on your servers and use for real. By the end, you will have a solid grasp of building apps with React, Node.js, and TypeScript and a good grasp on how Webpack can be used to optimize and organize your code for deployment. You’ll also understand how Docker can be used to run the apps you build in a clear and well-defined way, all of which will be able to springboard you into creating more advanced apps on your own
You’ll begin by building a solid foundation of knowledge and quickly expand it by constructing two different real-world apps. These aren’t just simple, contrived examples but real apps that you can choose to install on your servers and use for real. By the end, you will have a solid grasp of building apps with React, Node.js, and TypeScript and a good grasp on how Webpack can be used to optimize and organize your code for deployment. You’ll also understand how Docker can be used to run the apps you build in a clear and well-defined way, all of which will be able to springboard you into creating more advanced apps on your own
”
Amazon.com
12
)
Full Stack Serverless: Modern Application Development with React, AWS, and GraphQL
“
Cloud computing is typically associated with backend development and DevOps. But with the rise of serverless technologies and a new generation of services and frameworks, frontend and mobile developers can build robust applications with production-ready features such as authentication and authorization, API gateways, chatbots, augmented reality scenes, and more.
This hands-on guide shows you how. Nader Dabit, developer advocate at Amazon Web Services, guides you through the process of building full stack applications using React, AWS, GraphQL, and AWS Amplify.
You’ll learn how to create and incorporate services into your client applications while learning general best practices, deployment strategies, rich media management, and continuous integration and delivery along the way. Learn how to build serverless applications that solve real problems Understand what is (and isn’t) possible when using these technologies Create a GraphQL API that interacts with DynamoDB and a NoSQL database Examine how authentication works—and learn the difference between authentication and authorization Get an in-depth view of how serverless functions work and why they’re important Build full stack applications on AWS and create offline apps with Amplify DataStore
This hands-on guide shows you how. Nader Dabit, developer advocate at Amazon Web Services, guides you through the process of building full stack applications using React, AWS, GraphQL, and AWS Amplify.
You’ll learn how to create and incorporate services into your client applications while learning general best practices, deployment strategies, rich media management, and continuous integration and delivery along the way. Learn how to build serverless applications that solve real problems Understand what is (and isn’t) possible when using these technologies Create a GraphQL API that interacts with DynamoDB and a NoSQL database Examine how authentication works—and learn the difference between authentication and authorization Get an in-depth view of how serverless functions work and why they’re important Build full stack applications on AWS and create offline apps with Amplify DataStore
”
Amazon.com
11
)
React and React Native: A complete hands-on guide to modern web and mobile development with React.js, 3rd Edition
“
Get up to speed with React, React Native, GraphQL and Apollo for building cross-platform native apps with the help of practical examples Key Features Covers the latest features of React such as Hooks, Suspense, NativeBase, and Apollo in this updated third edition Get to grips with the React architecture for writing easy-to-manage web and mobile applications Understand GraphQL and Apollo for building a scalable backend for your cross-platform apps Book Description React and React Native, Facebook's innovative User Interface (UI) libraries, are designed to help you build robust cross-platform web and mobile applications. This updated third edition is improved and updated to cover the latest version of React.
The book particularly focuses on the latest developments in the React ecosystem, such as modern Hook implementations, code splitting using lazy components and Suspense, user interface framework components using Material-UI, and Apollo. In terms of React Native, the book has been updated to version 0.62 and demonstrates how to apply native UI components for your existing mobile apps using NativeBase.
You will begin by learning about the essential building blocks of React components. Next, you'll progress to working with higher-level functionalities in application development, before putting this knowledge to use by developing user interface components for the web and for native platforms.
In the concluding chapters, you'll learn how to bring your application together with a robust data architecture. By the end of this book, you'll be able to build React applications for the web and React Native applications for multiple mobile platforms.
What you will learn Delve into the React architecture, component properties, state, and context Get to grips with React Hooks for handling functions and components Implement code splitting in React using lazy components and Suspense Build robust user interfaces for mobile and desktop apps using Material-UI Write shared components for Android and iOS mobile apps using React Native Simplify layout design for React Native apps using NativeBase Write GraphQL schemas to power web and mobile apps Implement web and mobile components that are driven by Apollo Who this book is for This book is for any JavaScript developer who wants to start learning how to use Facebook's UI libraries, React and React Native, for mobile and web application development. Although no prior knowledge of React is needed, working knowledge of JavaScript programming will help you understand the concepts covered in the book more effectively
The book particularly focuses on the latest developments in the React ecosystem, such as modern Hook implementations, code splitting using lazy components and Suspense, user interface framework components using Material-UI, and Apollo. In terms of React Native, the book has been updated to version 0.62 and demonstrates how to apply native UI components for your existing mobile apps using NativeBase.
You will begin by learning about the essential building blocks of React components. Next, you'll progress to working with higher-level functionalities in application development, before putting this knowledge to use by developing user interface components for the web and for native platforms.
In the concluding chapters, you'll learn how to bring your application together with a robust data architecture. By the end of this book, you'll be able to build React applications for the web and React Native applications for multiple mobile platforms.
What you will learn Delve into the React architecture, component properties, state, and context Get to grips with React Hooks for handling functions and components Implement code splitting in React using lazy components and Suspense Build robust user interfaces for mobile and desktop apps using Material-UI Write shared components for Android and iOS mobile apps using React Native Simplify layout design for React Native apps using NativeBase Write GraphQL schemas to power web and mobile apps Implement web and mobile components that are driven by Apollo Who this book is for This book is for any JavaScript developer who wants to start learning how to use Facebook's UI libraries, React and React Native, for mobile and web application development. Although no prior knowledge of React is needed, working knowledge of JavaScript programming will help you understand the concepts covered in the book more effectively
”
Amazon.com
10
)
Fullstack React: The Complete Guide to ReactJS and Friends
“
Stop wasting your time learning React with incomplete and confusing tutorials. There are so many incorrect, confusing, and out-of-date blog articles One tutorial says one thing and another says something completely different.
There are too many options There are fifty different boilerplates and a dozen different Flux implementations. Which one is best? What if you could master the entire framework in less time, with solid foundations, without beating your head against the wall? Imagine how quickly you can get all of your work done with the right tools and best practices.
Seriously, let's stop wasting time scouring Google, searching through incorrect, out-of-date, blog posts and get everything you need to be productive in one, well-organized place, complete with both simple and complex examples to get your app up and running. You'll learn what you need to know to work professionally and build solid, well-tested, optimized apps with ReactJS
There are too many options There are fifty different boilerplates and a dozen different Flux implementations. Which one is best? What if you could master the entire framework in less time, with solid foundations, without beating your head against the wall? Imagine how quickly you can get all of your work done with the right tools and best practices.
Seriously, let's stop wasting time scouring Google, searching through incorrect, out-of-date, blog posts and get everything you need to be productive in one, well-organized place, complete with both simple and complex examples to get your app up and running. You'll learn what you need to know to work professionally and build solid, well-tested, optimized apps with ReactJS
”
Amazon.com
9
)
React Quickly: Painless web apps with React, JSX, Redux, and GraphQL
“
Summary React Quickly is for anyone who wants to learn React.js fast. This hands-on book teaches you the concepts you need with lots of examples, tutorials, and a large main project that gets built throughout the book.
Purchase of the print book includes a free eBook in PDF, Kindle, and ePub formats from Manning Publications. About the Technology Successful user interfaces need to be visually interesting, fast, and flowing.
The React.js JavaScript library supercharges view-heavy web applications by improving data flow between UI components. React sites update visual elements efficiently and smoothly, minimizing page reloads.
React is developer friendly, with a strong ecosystem to support the dev process along the full application stack. And because it's all JavaScript, React is instantly familiar.
About the Book React Quickly is the tutorial for web developers who want to get started fast with React.js. Following carefully chosen and clearly explained examples, you'll learn React development using your existing JavaScript and web dev skills.
You'll explore a host of different projects as you learn about web components, forms, and data. What's Inside Master React fundamentals Build full web apps with data and routing Test components Optimize React apps About the Reader This book is for developers comfortable building web applications with JavaScript.
About the Author Azat Mardan is a Tech Fellow at Capital One with extensive experience using and teaching JavaScript and Node, and author of several books on JavaScript, Node, React, and Express. Table of Contens PART 1 - REACT FOUNDATION Meeting React Baby steps with React Introduction to JSX Making React interactive with states React component lifecycle events Handling events in React Working with forms in React Scaling React components Project: Menu component Project: Tooltip component Project: Timer component PART 2 - REACT ARCHITECTURE The Webpack build tool React routing Working with data using Redux Working with data using GraphQL Unit testing React with Jest React on Node and Universal JavaScript Project: Building a bookstore with React Router Project: Checking passwords with Jest Project: Implementing autocomplete with Jest, Express, and MongoDB APPENDIXES Appendix A - Installing applications used in this book Appendix B - React cheatsheet Appendix C - Express.js cheatsheet Appendix D - MongoDB and Mongoose cheatsheet Appendix E - ES6 for success
Purchase of the print book includes a free eBook in PDF, Kindle, and ePub formats from Manning Publications. About the Technology Successful user interfaces need to be visually interesting, fast, and flowing.
The React.js JavaScript library supercharges view-heavy web applications by improving data flow between UI components. React sites update visual elements efficiently and smoothly, minimizing page reloads.
React is developer friendly, with a strong ecosystem to support the dev process along the full application stack. And because it's all JavaScript, React is instantly familiar.
About the Book React Quickly is the tutorial for web developers who want to get started fast with React.js. Following carefully chosen and clearly explained examples, you'll learn React development using your existing JavaScript and web dev skills.
You'll explore a host of different projects as you learn about web components, forms, and data. What's Inside Master React fundamentals Build full web apps with data and routing Test components Optimize React apps About the Reader This book is for developers comfortable building web applications with JavaScript.
About the Author Azat Mardan is a Tech Fellow at Capital One with extensive experience using and teaching JavaScript and Node, and author of several books on JavaScript, Node, React, and Express. Table of Contens PART 1 - REACT FOUNDATION Meeting React Baby steps with React Introduction to JSX Making React interactive with states React component lifecycle events Handling events in React Working with forms in React Scaling React components Project: Menu component Project: Tooltip component Project: Timer component PART 2 - REACT ARCHITECTURE The Webpack build tool React routing Working with data using Redux Working with data using GraphQL Unit testing React with Jest React on Node and Universal JavaScript Project: Building a bookstore with React Router Project: Checking passwords with Jest Project: Implementing autocomplete with Jest, Express, and MongoDB APPENDIXES Appendix A - Installing applications used in this book Appendix B - React cheatsheet Appendix C - Express.js cheatsheet Appendix D - MongoDB and Mongoose cheatsheet Appendix E - ES6 for success
”
Amazon.com
8
)
Effective TypeScript: 62 Specific Ways to Improve Your TypeScript
“
TypeScript is a typed superset of JavaScript with the potential to solve many of the headaches for which JavaScript is famous. But TypeScript has a learning curve of its own, and understanding how to use it effectively can take time.
This book guides you through 62 specific ways to improve your use of TypeScript. Author Dan Vanderkam, a principal software engineer at Sidewalk Labs, shows you how to apply these ideas, following the format popularized by Effective C++ and Effective Java (both from Addison-Wesley).
You’ll advance from a beginning or intermediate user familiar with the basics to an advanced user who knows how to use the language well. Effective TypeScript is divided into eight chapters: Getting to Know TypeScript TypeScript’s Type System Type Inference Type Design Working with any Types Declarations and @types Writing and Running Your Code Migrating to TypeScript
This book guides you through 62 specific ways to improve your use of TypeScript. Author Dan Vanderkam, a principal software engineer at Sidewalk Labs, shows you how to apply these ideas, following the format popularized by Effective C++ and Effective Java (both from Addison-Wesley).
You’ll advance from a beginning or intermediate user familiar with the basics to an advanced user who knows how to use the language well. Effective TypeScript is divided into eight chapters: Getting to Know TypeScript TypeScript’s Type System Type Inference Type Design Working with any Types Declarations and @types Writing and Running Your Code Migrating to TypeScript
”
Amazon.com
7
)
Pro React 16
“
Use the enormously popular React framework to build dynamic JavaScript applications that take advantage of the capabilities of modern browsers and devices. You will learn how React brings the power of strong architecture and responsive data to the client, providing the foundation for complex and rich user interfaces.
Best-selling author Adam Freeman explains how to get the most from React. He begins by describing the React architecture and the benefits it offers and then shows you how to use React and its associated tools and libraries in your projects, starting from the nuts and bolts and building up to the most advanced and sophisticated features, going in-depth to give you the knowledge you need.
Each topic is presented clearly and concisely. Chapters include common problems and how to avoid them
Best-selling author Adam Freeman explains how to get the most from React. He begins by describing the React architecture and the benefits it offers and then shows you how to use React and its associated tools and libraries in your projects, starting from the nuts and bolts and building up to the most advanced and sophisticated features, going in-depth to give you the knowledge you need.
Each topic is presented clearly and concisely. Chapters include common problems and how to avoid them
”
Amazon.com
6
)
React Explained: Your Step-by-Step Guide to React (2020 Edition)
“
Updated June 2020! React Explained is a fun and enjoyable introduction to React, which is the Javascript framework of choice for WordPress, Drupal, Magento, and thousands of developers. Key Features Up-to-Date: Constantly updated, the material in React Explained is always current.
Clear instruction: You will follow plain English, clear visuals, and enjoyable step-by-step instructions. Hands-on learning: You will master React by building a complete React application.
What You’ll Learn In React Explained, readers will dig deep into how React works and will learn how to build applications with it. While the focus is on building for the frontend on the web, many of the skills you will learn will also apply to writing React on the server side, for native applications and even for Virtual Reality environments.
Table of Contents The Javascript You Should Know for React Helpful Developer Tools for React A High Level Overview of React React Elements and Components Explained 5 Exercises in Writing React With Elements and Components JSX Explained 5 Exercises in Writing React With JSX Create React App Explained 5 Exercises With Create React App Props in React Explained 5 Exercises in Working With Props State in React Explained 5 Exercises in Working With State The Component Lifecycle Explained 5 Exercises With the Component Lifecycle Context Explained React Hooks Explained Exercises with Hooks Project Introduction Step 1 - Listing Content from State Step 2 - Routing and Single Content Views Step 3 - Adding a Content Form Step 4 - Adding Flash Messages Step 5 - Updating Content Step 6 - Deleting Content Step 7 - Maintaining Persistent State With Local Storage Step 8 - Authenticating With a Firebase Database Step 9 - CRUD and Live Syncing With Firebase Step 10 - Deploying the Project Step 11 - Refactoring Your Code About the Author Zac Gordon is a professional educator, who currently focuses on JavaScript development with and alongside WordPress at javascriptforwp.com. Zac has years of experience teaching at high schools, colleges, bootcamps and online learning sites like Treehouse, Udemy and Frontend Masters.
In addition to teaching, Zac also runs Web Hosting for Students, one of the world’s largest hosting companies dedicated to students and teachers. You can also catch his free Office Yoga sessions on OfficeYoga.tv.
Clear instruction: You will follow plain English, clear visuals, and enjoyable step-by-step instructions. Hands-on learning: You will master React by building a complete React application.
What You’ll Learn In React Explained, readers will dig deep into how React works and will learn how to build applications with it. While the focus is on building for the frontend on the web, many of the skills you will learn will also apply to writing React on the server side, for native applications and even for Virtual Reality environments.
Table of Contents The Javascript You Should Know for React Helpful Developer Tools for React A High Level Overview of React React Elements and Components Explained 5 Exercises in Writing React With Elements and Components JSX Explained 5 Exercises in Writing React With JSX Create React App Explained 5 Exercises With Create React App Props in React Explained 5 Exercises in Working With Props State in React Explained 5 Exercises in Working With State The Component Lifecycle Explained 5 Exercises With the Component Lifecycle Context Explained React Hooks Explained Exercises with Hooks Project Introduction Step 1 - Listing Content from State Step 2 - Routing and Single Content Views Step 3 - Adding a Content Form Step 4 - Adding Flash Messages Step 5 - Updating Content Step 6 - Deleting Content Step 7 - Maintaining Persistent State With Local Storage Step 8 - Authenticating With a Firebase Database Step 9 - CRUD and Live Syncing With Firebase Step 10 - Deploying the Project Step 11 - Refactoring Your Code About the Author Zac Gordon is a professional educator, who currently focuses on JavaScript development with and alongside WordPress at javascriptforwp.com. Zac has years of experience teaching at high schools, colleges, bootcamps and online learning sites like Treehouse, Udemy and Frontend Masters.
In addition to teaching, Zac also runs Web Hosting for Students, one of the world’s largest hosting companies dedicated to students and teachers. You can also catch his free Office Yoga sessions on OfficeYoga.tv.
”
Amazon.com
5
)
Learning React: Modern Patterns for Developing React Apps
“
If you want to learn how to build efficient React applications, this is your book. Ideal for web developers and software engineers who understand how JavaScript, CSS, and HTML work in the browser, this updated edition provides best practices and patterns for writing modern React code.
No prior knowledge of React or functional JavaScript is necessary. With their learning road map, authors Alex Banks and Eve Porcello show you how to create UIs that can deftly display changes without page reloads on large-scale, data-driven websites.
You’ll also discover how to work with functional programming and the latest ECMAScript features. Once you learn how to build React components with this hands-on guide, you’ll understand just how useful React can be in your organization
No prior knowledge of React or functional JavaScript is necessary. With their learning road map, authors Alex Banks and Eve Porcello show you how to create UIs that can deftly display changes without page reloads on large-scale, data-driven websites.
You’ll also discover how to work with functional programming and the latest ECMAScript features. Once you learn how to build React components with this hands-on guide, you’ll understand just how useful React can be in your organization
”
Amazon.com4
)
Learning React: A Hands-On Guide to Building Web Applications Using React and Redux
“
Learning React A hands-on guide to building web applications using React and Redux As far as new web frameworks and libraries go, React is quite the runaway success. It not only deals with the most common problems developers face when building complex apps, it throws in a few additional tricks that make building the visuals for such apps much, much easier.
What React isn’t, though, is beginner-friendly and approachable. Until now.
In Learning React , author Kirupa Chinnathambi brings his fresh, clear, and very personable writing style to help web developers new to React understand its fundamentals and how to use it to build really performant (and awesome) apps. The only book on the market that helps you get your first React app up and running in just minutes, Learning React is chock-full of colorful illustrations to help you visualize difficult concepts and practical step-by-step examples to show you how to apply what you learn.
Build your first React app Create components to define parts of your UI Combine components into other components to build more complex UIs Use JSX to specify visuals without writing full-fledged JavaScript Deal with maintaining state Work with React’s way of styling content Make sense of the mysterious component lifecycle Build multi-page apps using routing and views Optimize your React workflow using tools such as Node, Babel, webpack, and others Use Redux to make managing your app data and state easy Contents at a Glance 1 Introducing React 2 Building Your First React App 3 Components in React 4 Styling in React 5 Creating Complex Components 6 Transferring Properties 7 Meet JSX... Again! 8 Dealing with State in React 9 Going from Data to UI in React 10 Events in React 11 The Component Lifecycle 12 Accessing DOM Elements in React 13 Setting Up Your React Dev Environment 14 Working with External Data in React 15 Building an Awesome Todo List App in React 16 Creating a Sliding Menu in React 17 Avoiding Unnecessary Renders in React 18 Creating a Single-Page App in React Using React Router 19 Introduction to Redux 20 Using Redux with React
What React isn’t, though, is beginner-friendly and approachable. Until now.
In Learning React , author Kirupa Chinnathambi brings his fresh, clear, and very personable writing style to help web developers new to React understand its fundamentals and how to use it to build really performant (and awesome) apps. The only book on the market that helps you get your first React app up and running in just minutes, Learning React is chock-full of colorful illustrations to help you visualize difficult concepts and practical step-by-step examples to show you how to apply what you learn.
Build your first React app Create components to define parts of your UI Combine components into other components to build more complex UIs Use JSX to specify visuals without writing full-fledged JavaScript Deal with maintaining state Work with React’s way of styling content Make sense of the mysterious component lifecycle Build multi-page apps using routing and views Optimize your React workflow using tools such as Node, Babel, webpack, and others Use Redux to make managing your app data and state easy Contents at a Glance 1 Introducing React 2 Building Your First React App 3 Components in React 4 Styling in React 5 Creating Complex Components 6 Transferring Properties 7 Meet JSX... Again! 8 Dealing with State in React 9 Going from Data to UI in React 10 Events in React 11 The Component Lifecycle 12 Accessing DOM Elements in React 13 Setting Up Your React Dev Environment 14 Working with External Data in React 15 Building an Awesome Todo List App in React 16 Creating a Sliding Menu in React 17 Avoiding Unnecessary Renders in React 18 Creating a Single-Page App in React Using React Router 19 Introduction to Redux 20 Using Redux with React
”
Amazon.com
3
)
Programming TypeScript: Making Your JavaScript Applications Scale
“
Any programmer working with a dynamically typed language will tell you how hard it is to scale to more lines of code and more engineers. That’s why Facebook, Google, and Microsoft invented gradual static type layers for their dynamically typed JavaScript and Python code.
This practical book shows you how one such type layer, TypeScript, is unique among them: it makes programming fun with its powerful static type system. If you’re a programmer with intermediate JavaScript experience, author Boris Cherny will teach you how to master the TypeScript language.
You’ll understand how TypeScript can help you eliminate bugs in your code and enable you to scale your code across more engineers than you could before. In this book, you’ll: Start with the basics: Learn about TypeScript’s different types and type operators, including what they’re for and how they’re used Explore advanced topics: Understand TypeScript’s sophisticated type system, including how to safely handle errors and build asynchronous programs Dive in hands-on: Use TypeScript with your favorite frontend and backend frameworks, migrate your existing JavaScript project to TypeScript, and run your TypeScript application in production
This practical book shows you how one such type layer, TypeScript, is unique among them: it makes programming fun with its powerful static type system. If you’re a programmer with intermediate JavaScript experience, author Boris Cherny will teach you how to master the TypeScript language.
You’ll understand how TypeScript can help you eliminate bugs in your code and enable you to scale your code across more engineers than you could before. In this book, you’ll: Start with the basics: Learn about TypeScript’s different types and type operators, including what they’re for and how they’re used Explore advanced topics: Understand TypeScript’s sophisticated type system, including how to safely handle errors and build asynchronous programs Dive in hands-on: Use TypeScript with your favorite frontend and backend frameworks, migrate your existing JavaScript project to TypeScript, and run your TypeScript application in production
”
Amazon.com
2
)
Learning React: Functional Web Development with React and Redux
“
If you want to learn how to build efficient user interfaces with React, this is your book. Authors Alex Banks and Eve Porcello show you how to create UIs with this small JavaScript library that can deftly display data changes on large-scale, data-driven websites without page reloads.
Along the way, you’ll learn how to work with functional programming and the latest ECMAScript features. Developed by Facebook, and used by companies including Netflix, Walmart, and The New York Times for large parts of their web interfaces, React is quickly growing in use.
By learning how to build React components with this hands-on guide, you’ll fully understand how useful React can be in your organization. Learn key functional programming concepts with JavaScript Peek under the hood to understand how React runs in the browser Create application presentation layers by mounting and composing React components Use component trees to manage data and reduce the time you spend debugging applications Explore React’s component lifecycle and use it to load data and improve UI performance Use a routing solution for browser history, bookmarks, and other features of single-page applications Learn how to structure React applications with servers in mind
Along the way, you’ll learn how to work with functional programming and the latest ECMAScript features. Developed by Facebook, and used by companies including Netflix, Walmart, and The New York Times for large parts of their web interfaces, React is quickly growing in use.
By learning how to build React components with this hands-on guide, you’ll fully understand how useful React can be in your organization. Learn key functional programming concepts with JavaScript Peek under the hood to understand how React runs in the browser Create application presentation layers by mounting and composing React components Use component trees to manage data and reduce the time you spend debugging applications Explore React’s component lifecycle and use it to load data and improve UI performance Use a routing solution for browser history, bookmarks, and other features of single-page applications Learn how to structure React applications with servers in mind
”
Amazon.com
1
)
The Road to React: Your journey to master plain yet pragmatic React.js
“
LAST UPDATE: 1. June 2020 If you are looking for a comprehensive and pragmatic yet concise and up-to-date React.js feat.
Hooks book, the Road to React is for you What you will learn. In "The Road to React" you will learn about all the fundamentals of React.js with Hooks while building a full-blown React application step by step.
While you create the React application, every chapter will introduce you to a new React key feature. However, there is more than only the fundamentals: The book dives into related topics (e.g.
React with TypeScript, Testing, Performance Optimizations) and advanced feature implementations like client- and server-side searching. At the end of the book, you will have a fully working deployed React application.
Is it up to date? Programming books are usually outdated soon after their release, but since this book is self- published, I can update it as needed whenever a new version of something related to this book gets released. I am a beginner.
Is this book for me? Yes. The book starts from zero and takes you through the learning experience step by step.
Every chapter builds up on the learnings from the previous chapter. In addition, at the end of every chapter, exercises fortify your lessons learned.
If you got stuck in a chapter, you will always find a reference URL to the status quo of the actual code. Core Concepts Pragmatic: Master React while building a complete application step by step.
Problems Solving: You need to experience a problem first before solving it. The Why: Readers like how the book answers the Why, not only the How
Hooks book, the Road to React is for you What you will learn. In "The Road to React" you will learn about all the fundamentals of React.js with Hooks while building a full-blown React application step by step.
While you create the React application, every chapter will introduce you to a new React key feature. However, there is more than only the fundamentals: The book dives into related topics (e.g.
React with TypeScript, Testing, Performance Optimizations) and advanced feature implementations like client- and server-side searching. At the end of the book, you will have a fully working deployed React application.
Is it up to date? Programming books are usually outdated soon after their release, but since this book is self- published, I can update it as needed whenever a new version of something related to this book gets released. I am a beginner.
Is this book for me? Yes. The book starts from zero and takes you through the learning experience step by step.
Every chapter builds up on the learnings from the previous chapter. In addition, at the end of every chapter, exercises fortify your lessons learned.
If you got stuck in a chapter, you will always find a reference URL to the status quo of the actual code. Core Concepts Pragmatic: Master React while building a complete application step by step.
Problems Solving: You need to experience a problem first before solving it. The Why: Readers like how the book answers the Why, not only the How
”
Amazon.comConclusion
I hope that you liked this list. Please do not hesitate to check out the other ones I've published.