React Projects: Build advanced cross-platform projects with React and React Native to become a professional developer, 2nd Edition

Length: 384 pages
Edition: 2
Language: English
Publisher: Packt Publishing
Publication Date: 2022-04-29
ISBN-10: 1801070636
ISBN-13: 9781801070638
Sales Rank: #3002603 (See Top 100 Books)

Learn how to develop real-world applications of varying complexity for the web, mobile, and VR devices using React, React Native, React 360, and more

Key Features

Build React applications at scale using 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 mobile platforms 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 routing, Context, and Hooks on multiple platforms, which will help you build full-stack web and mobile applications efficiently. Finally, you’ll get to grips with unit testing with Jest and end-to-end testing with Cypress 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 web applications using styled and reusable React components
Build test-driven React applications using Jest, React Testing Library, and Cypress
Understand full-stack development using GraphQL, Apollo, and React
Perform server-side rendering using React and Next.js
Create animated games using React Native and Expo
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.

React Projects Second Edition
Contributors
About the author
About the reviewers
Preface
    Who this book is for
    What this book covers
    To get the most out of this book
    Download the example code files
    Download the color images
    Conventions used
    Get in touch
    Share Your Thoughts
Chapter 1: Creating a Single-Page Application in React
    Project overview
    Getting started
    Creating a single-page application
        Setting up a project
    Structuring a project
        Creating new components
    Summary
    Further reading
Chapter 2: Creating a Portfolio in React with Reusable Components and Routing
    Project overview
    Getting started
    Creating a portfolio in React
        Creating a portfolio with Create React App
        Installing Create React App
        Building reusable React components
        Structuring our application
        Reusing components in React
        Routing with react-router
    Summary
    Further reading
Chapter 3: Building a Dynamic Project Management Board
    Project overview
    Getting started
    Creating a project management board application
        Handling the data flow
        Loading and displaying the data
    Working with custom Hooks
        Creating custom Hooks
        Reusing a custom Hook
        Making the board dynamic
    Styling in React with styled-components
    Summary
    Further reading
Chapter 4: Building a Server-Side-Rendered Community Feed Using Next.js
    Project overview
    Getting started
    Community feed application
    Setting up Next.js
        Installing Next.js
        Adding styled-components
    Routing with Next.js
        Handling query strings
    Enabling SSR
        Fetching data server side with Next.js
        Adding head tags for SEO
    Summary
    Further reading
Chapter 5: Building a Personal Shopping List Application Using Context and Hooks
    Project overview
    Getting started
    Personal shopping list
        Using the Context API for state management
        Creating Context
        Nesting Context
    Mutating Context with Hooks
        Using life cycles in functional components
        Using advanced state with useReducer
    Mutating data in the Provider
    Creating an application Context
    Code splitting with React Suspense
    Summary
    Further reading
Chapter 6: Building an Application Exploring TDD Using the React Testing Library and Cypress
    Project overview
    Getting started
    The hotel review application
        Unit testing components
        Testing React state and Hooks
        End-to-end testing with Cypress
    Summary
    Further reading
Chapter 7: Building a Full-Stack E-Commerce Application with Next.js and GraphQL
    Project overview
    Getting started
        Getting started with the initial React application
    Building a full stack e-commerce application with React, Apollo, and GraphQL
        Creating a GraphQL server with Next.js
        Consuming GraphQL with Apollo Client
    Summary
    Further reading
Chapter 8: Building an Animated Game Using React Native and Expo
    Project overview
    Getting started
    Creating an animated game application with React Native and Expo
        Setting up React Native with Expo
        Adding gestures and animations in React Native
        Advanced animations with Lottie
    Summary
    Further reading
Chapter 9: Building a Full-Stack Social Media Application with React Native and Expo
    Project overview
    Getting started
        Checking out the initial project
    Building a full-stack social media application with React Native and Expo
        Advanced routing with authentication
        Using the camera with React Native and Expo
        Differences in styling for iOS and Android 
    Summary
    Further reading
Chapter 10: Creating a Virtual Reality Application with React and Three.js
    Project overview
    Getting started
    Creating a VR application with React and Three.js
        Getting started with Three.js
        Creating 3D objects with Three.js
        Rendering 360-degree panorama images
        Animating 3D objects
    Summary
    Further reading
    Why subscribe?
Other Books You May Enjoy
    Packt is searching for authors like you
    Share Your Thoughts

To access the Link, solve the captcha.

How to download source code?

1. Go to: https://github.com/PacktPublishing

2. In the Find a repository… box, search the book title: React Projects: Build advanced cross-platform projects with React and React Native to become a professional developer, 2nd Edition, sometime you may not get the results, please search the main title.