Working with React Native (TTSREACT5) Course Details:

Getting Started with React Native is a hands-on, intermediate level web development course geared for experienced web developers who need to build and design applications using React Native. Students will explore the core APIs and Components, applying these skills to the course case study project to create a React Native app in class. This is an intermediate-level course for web developers with prior practical experience working with React.

    Feb 13 2023

    Date: 02/13/2023 - 02/15/2023 (Monday - Wednesday) | 10:00 AM - 6:00 PM (EST)
    Location: ONLINE (Virtual Classroom Live)
    Delivery Format: VIRTUAL CLASSROOM LIVE Request Quote & Enroll

    Success! Your message has been sent to us.
    Error! There was an error sending your message.
    REQUEST MORE INFO:

    Working with React Native (TTSREACT5)

    February 13 - 15, 2023 | 10:00 AM - 6:00 PM (EST) | Virtual Classroom Live


    How Did You Hear of Global IT Training?

    Join Our Email List?

    Apr 24 2023

    Date: 04/24/2023 - 04/26/2023 (Monday - Wednesday) | 10:00 AM - 6:00 PM (EST)
    Location: ONLINE (Virtual Classroom Live)
    Delivery Format: VIRTUAL CLASSROOM LIVE Request Quote & Enroll

    Success! Your message has been sent to us.
    Error! There was an error sending your message.
    REQUEST MORE INFO:

    Working with React Native (TTSREACT5)

    April 24 - 26, 2023 | 10:00 AM - 6:00 PM (EST) | Virtual Classroom Live


    How Did You Hear of Global IT Training?

    Join Our Email List?

    Jul 10 2023

    Date: 07/10/2023 - 07/12/2023 (Monday - Wednesday) | 10:00 AM - 6:00 PM (EST)
    Location: ONLINE (Virtual Classroom Live)
    Delivery Format: VIRTUAL CLASSROOM LIVE Request Quote & Enroll

    Success! Your message has been sent to us.
    Error! There was an error sending your message.
    REQUEST MORE INFO:

    Working with React Native (TTSREACT5)

    July 10 - 12, 2023 | 10:00 AM - 6:00 PM (EST) | Virtual Classroom Live


    How Did You Hear of Global IT Training?

    Join Our Email List?

    Oct 2 2023

    Date: 10/02/2023 - 10/04/2023 (Monday - Wednesday) | 10:00 AM - 6:00 PM (EST)
    Location: ONLINE (Virtual Classroom Live)
    Delivery Format: VIRTUAL CLASSROOM LIVE Request Quote & Enroll

    Success! Your message has been sent to us.
    Error! There was an error sending your message.
    REQUEST MORE INFO:

    Working with React Native (TTSREACT5)

    October 2 - 4, 2023 | 10:00 AM - 6:00 PM (EST) | Virtual Classroom Live


    How Did You Hear of Global IT Training?

    Join Our Email List?

    Dec 4 2023

    Date: 12/04/2023 - 12/06/2023 (Monday - Wednesday) | 10:00 AM - 6:00 PM (EST)
    Location: ONLINE (Virtual Classroom Live)
    Delivery Format: VIRTUAL CLASSROOM LIVE Request Quote & Enroll

    Success! Your message has been sent to us.
    Error! There was an error sending your message.
    REQUEST MORE INFO:

    Working with React Native (TTSREACT5)

    December 4 - 6, 2023 | 10:00 AM - 6:00 PM (EST) | Virtual Classroom Live


    How Did You Hear of Global IT Training?

    Join Our Email List?

1.Getting Started with ReactJS

  • Introducing ReactJS
  • Downloading ReactJS
  • Tools
  • Trying ReactJS

 

2: Exploring JSX and the ReactJS Anatomy

  • What is JSX?
  • Why JSX?
  • The ReactJS anatomy

 

3: Working with Properties

  • Component properties
  • Configuring Facebook Open-Graph API
  • Rendering data in a ReactJS component

 

4: Stateful Components and Events

  • Properties versus states in ReactJS
  • Exploring the state property
  • Events

 

5. Component Life cycle and Newer ECMAScript in React

  • React component lifecycle
  • Other ES (ECMAScript) versions in React

 

6: Reacting with Flux

  • An overview of Flux
  • Flux versus the MVC architecture
  • Actions
  • Dispatchers
  • Stores
  • Controller-Views and Views
  • Revisiting the code

 

7: Making Your Component Reusable

  • Understanding Mixins
  • Validations
  • The structure of component
  • Summary

 

8: Testing React Components

  • Testing in JavaScript using Chai and Mocha
  • Testing using ReactTestUtils
  • The jestTypical example of a Testsuite with Mocha, expect, ReactTestUtils and Babel
  • Testing with shallow rendering

 

9: Preparing Your Code for Deployment

  • An introduction to Webpack
  • Advantages of Webpack
  • Introduction to Gulp

 

10: What's NextGetting Started with React Native

  • Weather App
  • Starting the project
  • Expo 
  • Components 
  • Custom components

 

React Fundamentals

Breaking the app into components

7 step process 

Step 1: Review

Step 2: Build a static version of the app

Step 3: Determine what should be stateful

Step 4: Determine in which component each piece of state should live

Step 5: Hardcode initial states

Step 6: Add inverse data flow

  • Updating timers 
  • Deleting timers
  • Adding timing functionality 
  • Add start and stop functionality
  • Methodology review

 

Core Components, Part 1

  • What are components?
  • Building an Instagram clone
  • View 
  • StyleSheet 
  • Text 
  • TouchableOpacity 
  • Image 
  • ActivityIndicator 
  • FlatList 

 

Core Components, Part 2

  • TextInput 
  • ScrollView
  • Modal

 

Core APIs, Part 1

  • Building a messaging app
  • Initializing the project
  • The app
  • Network connectivity indicator 
  • The message list
  • Toolbar
  • Geolocation 
  • Input Method Editor (IME)

 

Core APIs, Part 2

  • The keyboard

 

React Router

  • Server-side rendering
  • Isomorphic applications
  • Hot reloading
  • Redux React
  • Relay and GraphQL
  • React Native
  • References

*Please Note: Course Outline is subject to change without notice. Exact course outline will be provided at time of registration.

Working in a hands-on learning environment led by our expert React technical team member, attendees will learn about and explore:

  • Getting Started with React Native
  • React Fundamentals: 7 steps of app development
  • Building a React Native App / Case Study
  • Core Components
  • Core APIs

 

If your team requires different topics or tools, additional skills or custom approach, this course may be easily adjusted to accommodate.  We offer additional related React, Redux, Angular, web development, scripting, programming and design courses which may be blended with this course for a track that best suits your objectives.

This “skills-centric” course is about 50% hands-on lab and 50% lecture, designed to train attendees in core modern web development skills, coupling the most effective techniques with the soundest industry practices. Throughout the course students will be led through a series of progressively advanced topics, where each topic consists of lecture, group discussion, comprehensive hands-on lab exercises, and lab review. Our courses include a wide range of supporting materials and labs to ensure all students are appropriately challenged or assisted at all times.

Incoming students should have skills equivalent to the topics in, or should have recently attended, this course as a prerequisite:

  • TTSREACT3 Mastering React: React, Redux, JSX, Flux, Forms, Unit Testing & More

This intermediate and beyond level course is targeted for experienced web developers with current, solid hands-on experience with React.

Ready to Jumpstart Your IT Career?

CONTACT US NOW!