cta quote button

Best React Books that You Should Have on Your Bookshelf

Read More

How Much Does It Cost to Hire Web Developers in Ukraine?

Our pricing is completely transparent: you pay your engineers’ salaries and a flat monthly fee for our services. No hidden charges.

Read More

1. Learning React (2016)

Learning React

A hands-on guide to building maintainable, high-performing web application user interfaces using the React JavaScript library

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 you understand the fundamentals of React and how to use it to build really performant (and awesome) apps.

  • 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
Contents at a Glance
Chapter 1  Introducing React 
Chapter 2  Building Your First React App 

Chapter 3  Components in React
Chapter 4  Styling in React
Chapter 5  Creating Complex Components
Chapter 6  Transferring Properties (Props) 
Chapter 7  Meet JSX–Again!
Chapter 8  Dealing with State
Chapter 9  Going from Data to UI
Chapter 10  Working with Events
Chapter 11  The Component Lifecycle
Chapter 12  Accessing DOM Elements 
Chapter 13  Creating a Single-Page App Using React Router
Chapter 14  Building a Todo List App 
Chapter 15  Setting Up Your React Development Environment
Chapter 16  The End
Chapter 17 (Web Edition) Working With External Data
Chapter 18 (Web Edition) Creating a Sliding Menu Using React Motion
Register your book at informit.com/register for free access to the Web Edition and two exclusive bonus chapters.

Author(s): Kirupa Chinnathambi

2. React: Quickstart Step-By-Step Guide To Learning React Javascript Library (React.js, Reactjs, Learning React JS, React Javascript, React Programming) (2017)

REACT

This book/tutorial is about ReactJS and it is designed to move you from beginner to advanced programming.

This book is based on 17 chapters well managed and it will helps you to become a React JS expert in less than 7 days.

Each chapter will contain a certain number of relevant topics with illustrations and exercises where necessary, this will all be finished off with an end of chapter quiz for an easy and enjoyable learning.

Benefits of reading this book that you’re not going to find anywhere else:

  • It helps you to understand React Easily.
  • You can learn how to install Node JS based on ReactJS.
  • With React you can build applications fast.
  • ReactJS is SEO friendly.
  • It makes code writing simple.
  • We can use React with other libraries.
  • React JS is very light weight front-end framework which allows developers to create web applications faster.
  • Great Community Support.
  • Supports State Management using Redux.

CLICK ADD TO CART TO GET THIS AMAZING BOOK!

Author(s): Lionel Lopez

3. Learning React Native: Building Native Mobile Apps with JavaScript (2017)

Get a practical introduction to React Native, the JavaScript framework for writing and deploying fully featured mobile apps that render natively. The second edition of this hands-on guide shows you how to build applications that target iOS, Android, and other mobile platforms instead of browsers—apps that can access platform features such as the camera, user location, and local storage.

Through code examples and step-by-step instructions, web developers and frontend engineers familiar with React will learn how to build and style interfaces, use mobile components, and debug and deploy apps. You’ll learn how to extend React Native using third-party libraries or your own Java and Objective-C libraries.

  • Understand how React Native works under the hood with native UI components
  • Examine how React Native’s mobile-based components compare to basic HTML elements
  • Create and style your own React Native components and applications
  • Take advantage of platform-specific APIs, as well as modules from the framework’s community
  • Incorporate platform-specific components into cross-platform apps
  • Learn common pitfalls of React Native development, and tools for dealing with them
  • Combine a large application’s many screens into a cohesive UX
  • Handle state management in a large app with the Redux library

Author(s): Bonnie Eisenman

4. React.js Book: Learning React JavaScript Library From Scratch (2017)

My fourth web development book is simply called React.js Book. It will walk you step by step through the process of setting up a development environment and learning Reactive programming from start to finish. React is a library unlike any other I have worked with. Unlike jQuery where you had to learn a number of methods that do very specific things, it’s largely inspired by a programming methodology for creating fast web applications. In addition you will be expected to know or at least be briefly familiar with prerequisite knowledge of other web development tools such as Node.js, NPM, Babel, JSX and WebPack. These are not required elements of programming with React, but without them things would be tough. As of 2017, Reactive programming is an alternative way of thinking about web applications. It provides software patterns that make your web app extremely responsive to user input and generally feel faster to the end-user (people who are using your application.) The Virtual DOM alone is enough of a reason to switch to React. Programming with React library, is a lot more than just learning about and using React objects, components, states, props and methods. It requires previous experience with JavaScript and at times assumes knowledge of software principles not inherent to React library itself. This book is not a list of object names, methods and functions with side explanations of what they do. Rather, it deals with the said principles involved in React programming thought up by the creators of React library. Principles that are usually understood by professional web developers and software engineers. For all these reasons stated above, this book will gradually walk you through the process of becoming familiar with React library, starting from basic concepts. Gradually, we will move toward more advanced subjects. So, prepare to be educated

Author(s): Greg Sidelnikov

5. React Design Patterns and Best Practices: Build easy to scale modular applications using the most powerful components and design patterns (2017)

Key Features

  • Dive into the core patterns and components of React.js in order to master your application’s design
  • Improve their debugging skills using the DevTools
  • This book is packed with easy-to-follow examples that can be used to create reusable code and extensible designs

Book Description

Taking a complete journey through the most valuable design patterns in React, this book demonstrates how to apply design patterns and best practices in real-life situations, whether that’s for new or already existing projects. It will help you to make your applications more flexible, perform better, and easier to maintain – giving your workflow a huge boost when it comes to speed without reducing quality.

We’ll begin by understanding the internals of React before gradually moving on to writing clean and maintainable code. We’ll build components that are reusable across the application, structure applications, and create forms that actually work.

Then we’ll style React components and optimize them to make applications faster and more responsive. Finally, we’ll write tests effectively and you’ll learn how to contribute to React and its ecosystem.

By the end of the book, you’ll be saved from a lot of trial and error and developmental headaches, and you will be on the road to becoming a React expert.

What You Will Learn

  • Write clean and maintainable code
  • Create reusable components applying consolidated techniques
  • Use React effectively in the browser and node
  • Choose the right styling approach according to the needs of the applications
  • Use server-side rendering to make applications load faster
  • Build high-performing applications by optimizing components

About the Author

Michele Bertoli is a frontend engineer with a passion for beautiful UIs. Born in Italy, he moved to London with his family to look for new and exciting job opportunities. He has a degree in computer science and loves clean and well-tested code. Currently, he is working with React.js, crafting modern JavaScript applications. He is a big fan of open source and is always trying to learn something new.

Table of Contents

  1. Everything You Should Know About React
  2. Clean Up Your Code
  3. Create Truly Reusable Components
  4. Compose All the Things
  5. Proper Data Fetching
  6. Write Code for the Browser
  7. Make Your Components Look Beautiful
  8. Server-Side Rendering for Fun and Profit
  9. Improve the Performance of Your Applications
  10. About Testing and Debugging
  11. Anti-Patterns to Be Avoided
  12. Next Steps

Author(s): Michele Bertoli

6. React Native Blueprints: Create eight exciting native cross-platform mobile applications with JavaScript (2017)

Key Features

  • Build quirky and fun projects from scratch and become efficient with React Native
  • Learn to build professional Android and iOS applications with your JavaScript skills
  • Use Isomorphic principles to build mobile apps that offer a native user experience

Book Description

Considering the success of the React framework, Facebook recently introduced a new mobile development framework called React Native. With React Native’s game-changing approach to hybrid mobile development, you can build native mobile applications that are much more powerful, interactive, and faster by using JavaScript

This project-based guide takes you through eight projects to help you gain a sound understanding of the framework and helps you build mobile apps with native user experience. Starting with a simple standalone groceries list app, you will progressively move on to building advanced apps by adding connectivity with external APIs, using native features, such as the camera or microphone, in the mobile device, integrating with state management libraries such as Redux or MobX, or leveraging React Native’s performance by building a full-featured game.

This book covers the entire feature set of React Native, starting from the simplest (layout or navigation libraries) to the most advanced (integration with native code) features.

By the end of this book, you’ll be able to build professional Android and iOS applications using React Native.

What you will learn

  • Structure React Native projects to ease maintenance and extensibility
  • Optimize a project to speed up development
  • Make a React Native project production-ready
  • Use external modules to speed up the development and maintenance of your projects
  • Explore the different UI and code patterns to be used for iOS and Android
  • Get to know the best practices when building apps in React Native

About the Author

Emilio Rodriguez Martinez is a senior software engineer who has been working on highly demanding JavaScript projects since 2010. He transitioned from web development positions into mobile development, first with hybrid technologies such as Cordova and then with native JavaScript solutions such as Titanium.

In 2015, he focused on the development and maintenance of several apps built in React Native, some of which were featured in Apple’s App Store as the top apps of the week. Nowadays, Emilio is part of the Red Hat mobile team, which leverages Red Hat’s open source mobile platform. He serves as an advocate for mobile developers using RHMAP. He is also an active contributor to React Native’s codebase and StackOverflow, where he provides advice on React and React Native questions.

Table of Contents

  1. Building a groceries list app
  2. Building a RSS reader
  3. Building an car booking app-
  4. Building an image sharing app
  5. Building a guitar tuner app
  6. Building a messaging app
  7. Building a game
  8. Building an ecommerce app

Author(s): Emilio Rodriguez Martinez

7. React: Up & Running: Building Web Applications (2016)

Hit the ground running with React, the open-source technology from Facebook for building rich web applications fast. With this practical guide, Facebook web developer Stoyan Stefanov teaches you how to build components–React's basic building blocks–and organize them into maintainable, large-scale apps. If you're familiar with basic JavaScript syntax, you're ready to get started.
Once you understand how React works, you'll build a complete custom Whinepad app that helps users rate wines and keep notes. You'll quickly learn why some developers consider React the key to the web app development puzzle.

  • Set up React and write your first "Hello world" web app
  • Create and use custom React components alongside generic DOM components
  • Build a data table component that lets you edit, sort, search, and export its contents
  • Use the JSX syntax extension as an alternative to function calls
  • Set up a lean, low-level build process that helps you focus on React
  • Build a complete custom app that lets you store data on the client
  • Use ESLint, Flow, and Jest tools to check and test your code as your app evolves
  • Manage communication between components with Flux

Author(s): Stoyan Stefanov

8. Learning React: Functional Web Development with React and Redux (2017)

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

Author(s): Alex Banks, Eve Porcello

9. React Quickly: Painless web apps with React, JSX, Redux, and GraphQL (2017)

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

  1. Meeting React
  2. Baby steps with React
  3. Introduction to JSX
  4. Making React interactive with states
  5. React component lifecycle events
  6. Handling events in React
  7. Working with forms in React
  8. Scaling React components
  9. Project: Menu component
  10. Project: Tooltip component
  11. Project: Timer component
  12. PART 2 – REACT ARCHITECTURE

  13. The Webpack build tool
  14. React routing
  15. Working with data using Redux
  16. Working with data using GraphQL
  17. Unit testing React with Jest
  18. React on Node and Universal JavaScript
  19. Project: Building a bookstore with React Router
  20. Project: Checking passwords with Jest
  21. 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

Author(s): Azat Mardan

10. Pro MERN Stack: Full Stack Web App Development with Mongo, Express, React, and Node (2017)

Assemble the complete stack required to build a modern web app using React: MongoDB (a NoSQL database) and Express (a framework for web application servers), which runs on Node (JavaScript on the server side), complement React very nicely. This book will also cover many other tools that go into building a complete web application: React Router, React-Bootstrap, Redux, Babel, and webpack.
Though the primary focus of Pro MERN Stack is to equip you with all that is required to build a full-fledged web application, a large portion of the book will be devoted to React.
The popular MEAN (MongoDB, Express, AngularJS, Node) stack introduced Single Page Apps (SPAs) and front-end Model-View-Controller (MVC) as new and efficient paradigms. But it has its shortcomings such as lack of support for SEO friendly server-side rendering and being too prescriptive by being a framework.
Facebook’s React is a technology that competes indirectly with AngularJS. It is not a full-fledged MVC framework. It is a JavaScript library for building user interfaces (in some sense the View part). Yet, it is possible to build a web app by replacing AngularJS with React – hence the term MERN stack.

What You Will Learn

  • Discover the details of React, the React Way, and how to get the maximum out of this library
  • See the basics of MongoDB, Express, and Node, enough to build a web app
  • Work with other tools complementary to React, including React-Bootstrap and React Router
  • Use the tools required to build JavaScript based SPAs 
  • Tie all the components together to build a complete web app.

Who This Book Is For

Developers and architects who have prior experience in any web app stack other than the MERN stack will find the book useful to learn about this modern stack. Prior knowledge of JavaScript, HTML, and CSS is required.

Author(s): Vasan Subramanian

11. Fullstack React: The Complete Guide to ReactJS and Friends (2017)

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 foundationswithout 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. This book is your definitive guide.

Author(s): Accomazzo Anthony, Murray Nathaniel

12. Mastering React Native (2017)

Key Features

  • Apply flexbox to get layout and build rich animations that bring your React Native application to life
  • Integrate third-party libraries and develop customized components that run natively on iOS and Android platforms
  • Combine React Native with Redux, Redux middleware, and a remote API to build scalable data-driven applications

Book Description

React Native has completely revolutionized mobile development by empowering JavaScript developers to build world-class mobile apps that run natively on mobile platforms. This book will show you how to apply JavaScript and other front-end skills to build cross-platform React Native applications for iOS and Android using a single codebase.

This book will provide you with all the React Native building blocks necessary to become an expert. We’ll give you a brief explanation of the numerous native components and APIs that come bundled with React Native including Images, Views, ListViews, WebViews, and much more. You will learn to utilize form inputs in React Native. You’ll get an overview of Facebook’s Flux data architecture and then apply Redux to manage data with a remote API. You will also learn to animate different parts of your application, as well as routing using React Native’s navigation APIs.

By the end of the book, you will be able to build cutting-edge applications using the React Native framework.

What you will learn

  • Implement native React Native components and APIs
  • Explore React’s JSX syntax
  • Manage data using Redux and Redux middleware
  • Build applications with React Native on both iOS and Android platforms
  • Perform animations in your applications

Author(s): Eric Masiello, Jacob Friedmann