React Native training

React Native training

Length: 4 days (32 hours)

Description

This is an introduction to React Native for experienced developers. After this course, you will be ready to start using React Native in your day-to-day work, specifically to build cross-platform iOS and Android applications.

Audience

People with programming experience, ideally in JavaScript. The course will briefly revisit JavaScript in the context of React and React Native, but participants are expected to be comfortable writing JavaScript.

The course assumes that participants have little or no experience with React or React Native; it may be beneficial to be familiar with React, but the course will introduce the basic concepts behind React before focusing in on React Native specifically.

This course introduces developers to React Native by building a small React Native application. We’ll introduce React and how to write React Native components in JavaScript, as well as use the development platform Firebase to integrate cloud-based syncing and data integration. The course will alternate between lectures and hands-on workshops, or “labs”. Participants should be prepared to work in groups on code exercises.

Participants will receive PDF copies of the course slides, as well as all code written as part of the course.

This course is designed to be given in-person, but can be adapted to be done remotely. Contact Bytesized to schedule a React.js training session today.

Course syllabus

  • Revisiting JavaScript
    • Program execution
    • Data structures
    • Control flow
    • JavaScript classes
    • Functional JavaScript
  • React
    • Understanding React components
    • Understanding JSX
    • Constructing React components
    • Component lifecycle
    • Component trees
  • React Native
    • What is React Native?
    • Why React Native over native development?
    • Setting up a React Native development environment
    • Introducing our demo application
    • Our first React Native component
    • Building a static login view
    • Integrating Firebase and network requests
    • Listing data with the ListView component
    • Navigating between views with the Navigator component
    • Writing native modules
    • Building cross-platform components