Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
React Projects

You're reading from   React Projects Build advanced cross-platform projects with React and React Native to become a professional developer

Arrow left icon
Product type Paperback
Published in Apr 2022
Publisher Packt
ISBN-13 9781801070638
Length 384 pages
Edition 2nd Edition
Languages
Tools
Arrow right icon
Author (1):
Arrow left icon
Roy Derks Roy Derks
Author Profile Icon Roy Derks
Roy Derks
Arrow right icon
View More author details
Toc

Table of Contents (12) Chapters Close

Preface 1. Chapter 1: Creating a Single-Page Application in React 2. Chapter 2: Creating a Portfolio in React with Reusable Components and Routing FREE CHAPTER 3. Chapter 3: Building a Dynamic Project Management Board 4. Chapter 4: Building a Server-Side-Rendered Community Feed Using Next.js 5. Chapter 5: Building a Personal Shopping List Application Using Context and Hooks 6. Chapter 6: Building an Application Exploring TDD Using the React Testing Library and Cypress 7. Chapter 7: Building a Full-Stack E-Commerce Application with Next.js and GraphQL 8. Chapter 8: Building an Animated Game Using React Native and Expo 9. Chapter 9: Building a Full-Stack Social Media Application with React Native and Expo 10. Chapter 10: Creating a Virtual Reality Application with React and Three.js 11. Other Books You May Enjoy

Chapter 2: Creating a Portfolio in React with Reusable Components and Routing

Do you already feel familiar with React's core concepts after completing the first chapter? Great! This chapter will be no problem for you! If not, don't worry – most of the concepts you came across in the previous chapter will be repeated. However, if you want to get more experience with Webpack and Babel, it's recommended that you try creating the project in Chapter 1, Creating a Single-Page Application in React, again since this chapter won't be covering those topics.

In this chapter, you'll work with Create React App, a starter kit created by the React core team to get you started with React quickly. It will make the configuration of module bundlers and compilers such as Webpack and Babel unnecessary, as this will be taken care of by the Create React App package. This means you can focus on building your portfolio application, which reuses React components and has routing. Besides that, we'll be adding routing using react-router v6, which is the leading library for routing in React.

Alongside setting up Create React App, the following topics will be covered in this chapter:

  • Creating a new project with Create React App
  • Building reusable React components
  • Routing with react-router

Can't wait? Let's go!

You have been reading a chapter from
React Projects - Second Edition
Published in: Apr 2022
Publisher: Packt
ISBN-13: 9781801070638
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime
Banner background image