Course Summary

Want to create web apps that are fast, scalable and easy to build? In this hands-on course, we’ll walk you through the basics of React so you can quickly get started and build the frontend for your own web apps.

The course provides a solid introduction to the React framework and puts a strong focus on the practical steps. The content and exercises are updated to the latest version of React.

The course is delivered as a mix of very short theory sessions and longer practical examples.

Course Objective

After the course, you will have a good understanding of React and be comfortable using React as a framework.

Target Audience

The course is suitable for those who want to develop apps for mobile and web development.

Prerequisites

You need to have a basic understanding of the fundamentals of JavaScript, HTML, CSS and ReactJS.

Certification

No certification in this course.

Trainer

We have several trainers for this course.

Course Details

In the course we go through:

The basics

– Core Components and Native Components
– React Fundamentals
– Handling text input
– Using a ScrollView
– Using List Views
– Troubleshooting
– Platform-Specific Code
– More Resources

Environment setup

– Integrating with existing apps
– Integration with an Android fragment
– Out-of-Tree platforms

workflow

– Running on device
– Fast refresh
– Metro
– Using libraries
– Using Typescript

UI and interaction

– Style
– Height and width
– Layout with Flexbox
– Images
– Color reference

Interaction

– Handling touches
– Navigating between screens
– Animations
– Gesture responder system

Connectivity

– Networking
– Security

Inclusion

– Accessibility

Debugging

– React DevTools
– Native Debugging
– Debugging Release builds

Testing
Performance

– Speeding up your build phase
– Optimizing Flatlist configuration
– Profiling
– Profiling with Hermes

JavaScript runtime

– Timers
– Using Hermes

Native Modules

– Android native modules
– iOS native modules
– Native modules NPM package setup
– Local libraries setup

Native Components

– Android native UI components
– iOS native UI Components
– Direct manipulation

Android and iOS guides

– Headless JS
– Publishing to Google Play Store
– Communication between native and React Native
– React native Gradle plugin
– Linking Libraries in iOS
– Running on iOS simulator
– App extensions in iOS
– Publishing to Apple app store

Course Overview

3 days

Advanced

Can’t find a (suitable) date, but are interested in the course? Send in an expression of interest and we will do what we can to find a suitable opportunity.

Customized Courses

The course can be adapted from several perspectives:

Content and focus area
Extent and scope
Delivery approach

In interaction with the course leader, we ensure that the course meets your needs.