Book description
Over 66 hands-on recipes that cover UI development, animations, component architecture, routing, databases, testing, and debugging with React
Key Features
- Use essential hacks and simple techniques to solve React application development challenges
- Create native mobile applications for iOS and Android using React Native
- Learn to write robust tests for your applications using Jest and Enzyme
Book Description
Today's web demands efficient real-time applications and scalability. If you want to learn to build fast, efficient, and high-performing applications using React 16, this is the book for you. We plunge directly into the heart of all the most important React concepts for you to conquer. Along the way, you'll learn how to work with the latest ECMAScript features.
You'll see the fundamentals of Redux and find out how to implement animations. Then, you'll learn how to create APIs with Node, Firebase, and GraphQL, and improve the performance of our application with Webpack 4.x. You'll find recipes on implementing server-side rendering, adding unit tests, and debugging. We also cover best practices to deploy a React application to production. Finally, you'll learn how to create native mobile applications for iOS and Android using React Native.
By the end of the book, you'll be saved from a lot of trial and error and developmental headaches, and you'll be on the road to becoming a React expert.
What you will learn
- Gain the ability to wield complex topics such as Webpack and server-side rendering
- Implement an API using Node.js, Firebase, and GraphQL
- Learn to maximize the performance of React applications
- Create a mobile application using React Native
- Deploy a React application on Digital Ocean
- Get to know the best practices when organizing and testing a large React application
Who this book is for
If you're a JavaScript developer who wants to build fast, efficient, scalable solutions, then you're in the right place. Knowledge of React will be an advantage but is not required. Experienced users of React will be able to improve their skills.
Table of contents
- Title Page
- Copyright and Credits
- Packt Upsell
- Contributors
- Dedication
- Preface
- Working with React
-
Conquering Components and JSX
- Introduction
- Creating our first React component
- Organizing our React application
- Styling a component with CSS classes and inline styles
- Passing props to a component and validating them with PropTypes
- Using local state in a component
- Making a functional or stateless component
-
Understanding React lifecycle methods
-
How to do it...
- Todo list – implementing ComponentWillMount
- Pomodoro timer – implementing the constructor and componentDidMount
- Crypto coins exchanger – implementing shouldComponentUpdate
- Notes – implementing componentWillReceiveProps and componentWillUnmount
- C3.js chart – implementing componentDidUpdate
- Basic animation – implementing componentWillUpdate
- How it works...
-
How to do it...
- Understanding React Pure Components
- Preventing XSS vulnerabilities in React
- Handling Events, Binding and Useful React Packages
- Adding Routes to Our Application with React Router
- Mastering Redux
- Creating Forms with Redux Form
- Animations with React
- Creating an API with Node.js Using MongoDB and MySQL
- Apollo and GraphQL
- Mastering Webpack 4.x
- Implementing Server-Side Rendering
- Testing and Debugging
- Deploying to Production
- Working with React Native
- Most Common React Interview Questions
- Other Books You May Enjoy
Product information
- Title: React Cookbook
- Author(s):
- Release date: August 2018
- Publisher(s): Packt Publishing
- ISBN: 9781783980727
You might also like
book
React Cookbook
React helps you create and work on an app in just a few minutes. But learning …
video
React Native - The Practical Guide
Mobile apps are one of the best ways to engage with users; no wonder everyone wants …
book
Learning React, 2nd Edition
If you want to learn how to build efficient React applications, this is your book. Ideal …
book
React: Up & Running, 2nd Edition
Hit the ground running with React, the open source technology from Facebook for building rich web …