This is the code repository for React and React Native, published by Packt.
A complete hands-on guide to modern web and mobile development with React.js
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.
This book covers the following exciting features:
- 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
If you feel this book is for you, get your copy today!
All of the code is organized into folders. For example, Chapter02.
The code will look like the following:
import React from 'react';
import { render } from 'react-dom';
render(
<p>
Hello, <strong>JSX</strong>
</p>,
document.getElementById('root')
);
Following is what you need for this book: 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.
With the following software and hardware list you can run all code files present in the book (Chapter 1-28).
| Chapter | Software required | OS required |
|---|---|---|
| All Chapters | Code Editor | Windows, Mac OS X, and Linux (Any) |
| Modern web browser | Windows, Mac OS X, and Linux (Any) | |
| Node.js | Windows, Mac OS X, and Linux (Any) | |
| CMD (command Prompt) | Windows, Mac OS X, and Linux (Any) | |
| 14-28 | Mobile phone/Emulator/Simulator | Windows, Mac OS X, and Linux (Any) |
Adam Boduch has been involved in large-scale JavaScript development for nearly 10 years. Before moving to the frontend, he worked on several large-scale cloud computing products using Python and Linux. No stranger to complexity, Adam has practical experience with real-world software systems and the scaling challenges they pose. He is the author of several JavaScript and React books and is passionate about innovative user experiences and high performance.
Roy Derks is a serial start-up CTO, conference speaker, and developer from Amsterdam. He has been actively programming since he was a teenager, starting as a self-taught programmer using online tutorials and books. At the age of 14, he founded his first start-up, a peer-to-peer platform where users could trade DVDs with other users for free. This marked the start of his career in web development, which back then primarily consisted of creating web applications using an MVC architecture with the LAMP stack. In 2015, he was introduced to React and GraphQL at a hackathon in Berlin, and after winning a prize for his project, he started to use these technologies professionally. Over the next few years, he helped multiple start-ups create cross-platform applications using React and React Native, including a start-up that he co-founded. He also started giving workshops and talks at conferences around the globe. In 2019, he gave over 20 conference talks about React, React Native, and GraphQL, inspiring over 10,000 developers worldwide.
Click here if you have any feedback or suggestions.