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: