React and React Native

Build cross-platform JavaScript and TypeScript apps for web and mobile

Created by Mikhail Sakhniuk, Rodrigo Lobenwein, Adam Boduch

Get hands-on with React and React Native as you learn to build web and mobile apps using JavaScript and TypeScript. Explore key concepts like hooks, state management, and mobile UI, while gaining practical experience with real code. Discover how to use AI tools to boost your productivity and keep your skills current.

Packt | Apr 2026 | 578 min

Start Trial

LevelBeginner

CategoriesWeb & Application Development, Cross-Platform Development Tools, React

1Why React?
2Rendering with JSX
3Understanding React Components and Hooks
4Event Handling in the React Way
5Crafting Reusable Components
6Type-Checking and Validation with TypeScript
7Handling Navigation with Routes
8Code Splitting Using Lazy Components and Suspense
9User Interface Framework Components
10High-Performance State Updates
11Fetching Data from a Server
12State Management in React
13Server-Side Rendering
14Unit Testing in React
15Why React Native?
16React Native Under the Hood
17Kick-Starting React Native Projects
18Building Responsive Layouts with Flexbox
19Navigating Between Screens
20Rendering Item Lists
21Geolocation and Maps
22Collecting User Input
23Responding to User Gestures
24Showing Progress
25Displaying Modal Screens
26Using Animations
27Controlling Image Display
28Going Offline
29AI as a Learning Partner

What You Will Learn

You will start by learning the basics of React, including JSX, hooks, and state management. As you progress, you will apply these skills to real projects and then expand into mobile app development with React Native. Along the way, you will explore TypeScript, testing, and practical AI workflows to help you write better code and solve problems efficiently.

Key Features

Build interactive web and mobile apps with React and React Native
Master TypeScript, hooks, and state management for scalable development
Use AI tools to debug, improve code, and stay ahead in the React ecosystem

Target Audience

Ideal for JavaScript or TypeScript developers who want to build web and mobile apps from scratch. If you are new to React or React Native but comfortable with JavaScript, you will find step-by-step guidance and practical examples to help you become a confident developer ready to tackle modern app projects.

Related courses

Pro

Cover image for .NET MAUI Cross-Platform Application Development

Cover image for ASP.NET Core MVC - Cross-Platform Development

Cover image for Flutter Web - Build a Diary Web App with Flutter and Cloud Firestore

Cover image for Cross-Platform Application Development with OpenCV 4 and Qt 5

Cover image for Mobile App Development with PhoneGap

Cover image for Master React Development - Hooks, State Management, and Real-World Projects