book

React Projects - Second Edition

by Roy Derks

April 2022

Intermediate to advanced

384 pages

6h 9m

English

Packt Publishing

Read now

Unlock full access

ContributorsAbout the authorAbout the reviewers
Who this book is forWhat this book coversTo get the most out of this bookDownload the example code filesDownload the color imagesConventions usedGet in touchShare Your Thoughts
Project overviewGetting startedCreating a single-page applicationSetting up a projectStructuring a projectCreating new componentsSummaryFurther reading
Project overviewGetting startedCreating a portfolio in ReactCreating a portfolio with Create React AppInstalling Create React AppBuilding reusable React componentsStructuring our applicationReusing components in ReactRouting with react-routerSummaryFurther reading
Project overviewGetting startedCreating a project management board applicationHandling the data flowLoading and displaying the dataWorking with custom HooksCreating custom HooksReusing a custom HookMaking the board dynamicStyling in React with styled-componentsSummaryFurther reading
Project overviewGetting startedCommunity feed applicationSetting up Next.jsInstalling Next.jsAdding styled-componentsRouting with Next.jsHandling query stringsEnabling SSRFetching data server side with Next.jsAdding head tags for SEOSummaryFurther reading
Project overviewGetting startedPersonal shopping listUsing the Context API for state managementCreating ContextNesting ContextMutating Context with HooksUsing life cycles in functional componentsUsing advanced state with useReducerMutating data in the ProviderCreating an application ContextCode splitting with React SuspenseSummaryFurther reading
Project overviewGetting startedThe hotel review applicationUnit testing componentsTesting React state and HooksEnd-to-end testing with CypressSummaryFurther reading
Project overviewGetting startedGetting started with the initial React applicationBuilding a full stack e-commerce application with React, Apollo, and GraphQLCreating a GraphQL server with Next.jsConsuming GraphQL with Apollo ClientSummaryFurther reading
Project overviewGetting startedCreating an animated game application with React Native and ExpoSetting up React Native with ExpoAdding gestures and animations in React NativeAdvanced animations with LottieSummaryFurther reading

Project overviewGetting startedChecking out the initial projectBuilding a full-stack social media application with React Native and ExpoAdvanced routing with authenticationUsing the camera with React Native and ExpoDifferences in styling for iOS and Android SummaryFurther reading
Project overviewGetting startedCreating a VR application with React and Three.jsGetting started with Three.jsCreating 3D objects with Three.jsRendering 360-degree panorama imagesAnimating 3D objectsSummaryFurther reading
Other Books You May EnjoyPackt is searching for authors like youShare Your Thoughts

Overview

React Projects is your hands-on guide to mastering React and React Native by building real-world applications. Through engaging projects, you'll explore React features like Hooks, Context, and testing with Jest, and dive into cross-platform development using React Native. With practical insights, this book prepares you to confidently develop professional-grade web and mobile applications.

What this Book will help me do

Build scalable applications with React using advanced patterns and tested methodologies.
Master utilizing cutting-edge React features such as Context API, Hooks, and Suspense API.
Develop cross-platform mobile apps and interactive games with React Native and Expo.
Implement test-driven development with Jest, Cypress, and the React Testing Library.
Craft full-stack solutions by integrating GraphQL, Apollo, and React effectively.

Author(s)

Roy Derks is a skilled technical author and educator with years of experience in web development and modern front-end technologies. A passionate advocate of knowledge sharing, he focuses on crafting accessible resources on React, GraphQL, and JavaScript frameworks. With a project-based approach, Roy ensures learners acquire skills that are directly applicable to professional development environments.

Who is it for?

This book is ideal for JavaScript developers aspiring to deepen their expertise in React technologies. Whether you're experienced in basic web development or new to React, it will guide you to proficiently create web and mobile applications. If you're ready to explore React's robust frameworks and build real-world solutions, this book is definitely for you.