REACT.AJ1
React and React Native
Transform your coding workflow and career by mastering Generative AI techniques alongside modern frontend frameworks—the definitive skill set for the modern software developer.
- Practice in 15 Laboratorios prácticos — nothing to install
- 29 Lecciones interactivas y 147 topics mapped to the official exam objectives
Intermediate A tu propio ritmo · 1 año de acceso
15 LiveLabs prácticos
Practice real IT tasks in guided environments.
- Entornos reales
- Calificación automática
- Sin instalación
29Lecciones interactivas
147Topics
15Laboratorio en vivo
143Tarjetas didácticas
143Glosario de términos
01 / Lecciones y laboratorios
See exactly what you will learn and practice
Plan de estudios
29 Lecciones interactivas · 147 topics01 Introduction 3 topics +
- Who this course is for
- What this course covers
- To get the most out of this course
02 Why React? 5 topics +
- What is React?
- What's new in React?
- Setting up a new React project
- Using web bundlers
- Summary
03 Rendering with JSX 6 topics · 1 Laboratorio en vivo +
- Your first JSX content
- Rendering HTML
- Creating your own JSX elements
- Using JavaScript expressions
- Building fragments of JSX
- Summary
1 Laboratorio en vivo in this lesson — see the labs panel →
04 Understanding React Components and Hooks 8 topics · 1 Laboratorio en vivo +
- Introduction to React components
- What are component properties?
- What is component state?
- React Hooks
- Performing initialization and cleanup actions
- Sharing data using context Hooks
- Memoization with Hooks
- Summary
1 Laboratorio en vivo in this lesson — see the labs panel →
05 Event Handling in the React Way 6 topics · 1 Laboratorio en vivo +
- Declaring event handlers
- Declaring inline event handlers
- Binding handlers to elements
- Using synthetic event objects
- Understanding event pooling
- Summary
1 Laboratorio en vivo in this lesson — see the labs panel →
06 Crafting Reusable Components 6 topics +
- Reusable HTML elements
- The diffculty with monolithic components
- Refactoring component structures
- Render props
- Rendering component trees
- Summary
07 Type-Checking and Validation with TypeScript 4 topics +
- Knowing what to expect
- Introduction to TypeScript
- Using TypeScript in React
- Summary
08 Handling Navigation with Routes 4 topics +
- Declaring routes
- Handling route parameters
- Using link components
- Summary
09 Code Splitting Using Lazy Components and Suspense 5 topics · 1 Laboratorio en vivo +
- Using the lazy API
- Using the Suspense component
- Avoiding lazy components
- Exploring lazy pages and routes
- Summary
1 Laboratorio en vivo in this lesson — see the labs panel →
10 User Interface Framework Components 5 topics · 1 Laboratorio en vivo +
- Layout and organization
- Using navigation components
- Collecting user input
- Working with styles and themes
- Summary
1 Laboratorio en vivo in this lesson — see the labs panel →
11 High-Performance State Updates 4 topics +
- Batching state updates
- Prioritizing state updates
- Handling asynchronous state updates
- Summary
12 Fetching Data from a Server 6 topics · 1 Laboratorio en vivo +
- Working with remote data
- Using the Fetch API
- Using Axios
- Using TanStack Query
- Using GraphQL
- Summary
1 Laboratorio en vivo in this lesson — see the labs panel →
13 State Management in React 5 topics · 1 Laboratorio en vivo +
- What is a global state?
- React Context API and useReducer
- Redux
- MobX
- Summary
1 Laboratorio en vivo in this lesson — see the labs panel →
14 Server-Side Rendering 4 topics +
- Working on the server
- Using Next.js
- React Server Components
- Summary
15 Unit Testing in React 4 topics +
- Testing in general
- Unit testing
- Testing ReactJS
- Summary
16 Why React Native? 6 topics +
- What is React Native?
- React and JSX are familiar
- The mobile browser experiences
- Android and iOS: different yet the same
- The case for mobile web apps
- Summary
17 React Native under the Hood 5 topics +
- Exploring the React Native architecture
- React Native current architecture
- Explaining JS and Native modules
- Exploring React Native components and APIs
- Summary
18 Kick-Starting React Native Projects 5 topics · 1 Laboratorio en vivo +
- Exploring React Native CLI tools
- Installing and using the Expo command-line tool
- Viewing your app on your phone
- Viewing your app on Expo Snack
- Summary
1 Laboratorio en vivo in this lesson — see the labs panel →
19 Building Responsive Layouts with Flexbox 5 topics · 1 Laboratorio en vivo +
- Introducing Flexbox
- Introducing React Native styles
- Using the Styled Components library
- Building Flexbox layouts
- Summary
1 Laboratorio en vivo in this lesson — see the labs panel →
20 Navigating Between Screens 6 topics · 1 Laboratorio en vivo +
- The basics of navigation
- Route parameters
- The navigation header
- Tab and drawer navigation
- File-based navigation
- Summary
1 Laboratorio en vivo in this lesson — see the labs panel →
21 Rendering Item Lists 6 topics · 1 Laboratorio en vivo +
- Rendering data collections
- Sorting and filtering lists
- Fetching list data
- Lazy list loading
- Implementing pull-to-refresh
- Summary
1 Laboratorio en vivo in this lesson — see the labs panel →
22 Geolocation and Maps 4 topics +
- Using the Geolocation API
- Rendering the map
- Annotating points of interest
- Summary
23 Collecting User Input 5 topics +
- Collecting text input
- Selecting from a list of options
- Toggling between on and off
- Collecting date/time input
- Summary
24 Responding to User Gestures 4 topics +
- Scrolling with your fingers
- Giving touch feedback
- Using Swipeable and Cancellable components
- Summary
25 Showing Progress 6 topics · 1 Laboratorio en vivo +
- Understanding progress and usability
- Indicating progress
- Exploring navigation indicators
- Measuring progress
- Step progress
- Summary
1 Laboratorio en vivo in this lesson — see the labs panel →
26 Displaying Modal Screens 6 topics · 1 Laboratorio en vivo +
- Terminology definitions
- Getting user confirmation
- Error confirmation
- Passive notifications
- Activity modals
- Summary
1 Laboratorio en vivo in this lesson — see the labs panel →
27 Using Animations 5 topics +
- Using React Native Reanimated
- The Animated API
- Animating layout components
- Animating component styles
- Summary
28 Controlling Image Display 5 topics · 1 Laboratorio en vivo +
- Loading images
- Resizing images
- Lazy image loading
- Rendering icons
- Summary
1 Laboratorio en vivo in this lesson — see the labs panel →
29 Going Offline 4 topics · 1 Laboratorio en vivo +
- Detecting the state of the network
- Storing application data
- Synchronizing application data
- Summary
1 Laboratorio en vivo in this lesson — see the labs panel →
Laboratorios prácticos Our edge
15 Laboratorio en vivos- Building Fragments Using JSX
- Working with Props and Hooks
- Creating an Inline Event Handler
- Implementing Lazy Loading Using React Suspense with Spinner Fallback
- Working with Styles and Themes in Material UI
- Fetching Data Using GraphQL with Apollo Client
- Managing the Global State in React
- Creating an App on Expo Snack
- Creating a Flexbox Layout Using Expo
- Navigating Between the Screens Using Expo Router
- Implementing Lazy List Loading Using FlatList
- Creating a Progress Bar Component
- Implementing Error Confirmation Using Modals
- Creating Icons Using Expo Vector Icons
- Storing the Application Data Offline
Los laboratorios se ejecutan en tu navegador; no hay nada que instalar.
02 / Preguntas frecuentes
Preguntas antes de empezar
Who is this React and React Native online course for?+
This course is designed for developers looking to master both web and mobile application development using React and React Native. It's ideal for those aiming for certification preparation or seeking to deepen their technical expertise.
Is there a react certification included in this training?+
Yes, this program acts as a comprehensive react certification program. While many people ask is there any certification for react js on forums, our course provides a structured path toward a verified uCertify credential that validates your expertise to employers.
< p dir="ltr"> How does this course compare to other data certification programs? +
While many data certification programs focus solely on backend analytics, this course emphasizes the "front-facing" side of data. You will learn to visualize and manage Data through interactive components, making it a vital companion to traditional data certifications.
Which software is used for react js and native development in this course?+
We provide hands-on labs that answer which software is used for react js by introducing you to industry standards like Node.js, Visual Studio Code, and Expo for React Native, ensuring you have a professional-grade development environment from day one.
Keep going
You might also like
Ready to Build Certified React Applications?
The future of software is cross-platform. Start your journey with the premier React and React Native online course and transform your portfolio with a recognized react certification program.
- 1 año de acceso completo
- 15 LiveLab incluido
- Certificado de finalización
No se requiere tarjeta de crédito