close

Want to keep updated on future dates for this class?

Fill in your details below to follow this event.

What You're Interested In

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form... give it another shot!

← Back to all classes

React Native Bootcamp

An intensive bootcamp on React Native

React Native enables you to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript and React. The focus of React Native is on developer efficiency across all the platforms you care about - learn once, write anywhere. Facebook uses React Native in multiple production apps and will continue investing in React Native.

This course will cover how to build applications using React Native, This is a hands-on practical exercise in building a simple To Do app.


Started From the Bottom Now We Here

Understanding the problem you are solving is half the battle to delivering a solution. We’ll have a look at the issues with some of the cross-platform development tools we’ve used in the past and understand how React helps solve those issues. 

  • The landscape of cross-platform tools
  • Understanding the problems React and React Native Solves
  • Quick rundown of Declarative programming
  • the Virtual DOM


Components - The building block of React

We’ll look at components which are the basic building blocks of React Native, highlight the component’s lifecycle, how it interacts with the application and other components and how to keep state.

  • Creating a component
  • Building a stateful component
  • Passing data around and between components using props
  • How to handle user input and interaction


Thinking Reactive

What does that word even mean? How do you make sure your application is built to handle interaction and data changes in a reactive way. How do you structure your components, app and data so that it’s set up to be reactive.

  • Reactive Thinking
  • Benefits of Reactive style apps
  • React Native Developer workflow


When to ‘Prop’ when to ‘State’ Y

ou’ll have to get a good understanding of when to use props and when to use states. Using a real example of building an app we’ll see how your choices affect your appl.

  • key difference between props and state
  • Know when to use props v. state
  • Pass data around and reacting to change
  • Making generic components

 

Styling your Components

We’ll cover how to go about making your app look nice and ply, with the best way to lay out an application using flexbox.

  • Flexbox: What it is, How to use it
  • Basic Styling of components
  • Structuring stylesheets

 

Applications architecture with Flux + Redux

We’ll discuss how a flux architecture helps your app become more reactive, i.e. how to manage your shared application state, get your app speaking to a backend service and updating your app based on data returned back.

  • Actions, how to create and dispatch them based on user Events
  • Showing changes in app state and views using props
  • Updating the application state


App we’ll be building:

React Native app

Instructors

Mike Ebinum

What to Bring

  • Your laptop
  • OSX: XCode, Text editor, Git, NodeJS installed
  • Windows: Text Editor, Git, NodeJS, Android SDK

FAQ

Who Should Take This Workshop?

This Bootcamp is designed for software engineers, front-end developers, Web, and mobile application developers who want to learn more about React in a hands-on format with experienced instructors. 

WHAT's NEXT?

LOCATION
Collective Campus

1/20 Queen St, Melbourne 3000

SCHEDULE
  • Friday, 19 August 6:00 PM - 9:00 PM

COST
  • Regular Price: $150

ENROL
Enrol

Not sure where to start?

Send us a message with what you're looking for— and we'll get back to you with what you need!