Yes I want demo!
Ask for Free Demo Now!
​
It’s not just about training. It’s about career progress. Jumbo Techno allows you to take control of your career by learning the right skills at the right time.
Curriculum
​
1. Dive Right In
-
Introduction - Course Roadmap
-
Roadmap to the First App
-
Official Course Github Repo
​
2. Got OSX? Go Here
-
OSX Installation
-
More on OSX Installation
-
Running in the Simulator
​
3. Got Windows? Go Here
-
Windows Setup of React Native
-
Android Studio and React Native CLI Installation
-
Emulator Creation and System Variables
​
4. Optional ESLint Setup
-
ESLint Setup and Overview
-
ESLint Setup with Atom
-
ESLint Setup with Sublime Text 3
-
ESLint Setup with VSCode
​
5. Onwards
-
Project Directory Walkthrough
-
Getting Content on the Screen
-
React vs React Native
-
Creating a Component with JSX
-
Registering a Component
-
Destructuring Imports
-
Application Outline
-
The Header Component
-
Consuming File Exports
​
6. Making Great Looking Apps
-
Styling with React Native
-
More on Styling Components
-
Introduction to Flexbox
-
Header Styling
-
Making the Header Reusable
​
7. HTT
-
P Requests with React Native
-
Sourcing Album Data
-
List Component Boilerplate
-
Class-Based Components
-
Lifecycle Methods
-
Quick Note On Axios
-
Network Requests
-
Component Level State
-
More on Component Level State
-
Rendering a List of Components
-
Displaying Individual Albums
-
Fantastic Reusable Components - The Card
-
Styling a Card
-
Passing Components as Props
-
Dividing Cards into Sections
​
8. Handling Component Layout
-
Mastering Layout with Flexbox
-
The positioning of Elements on Mobile
-
More on Styling
-
Images with React Native
-
Displaying Album Artwork
-
Making Content Scrollable
-
Handling User Input with Buttons
-
Styling of Buttons with UX
-
Considerations
-
Responding to User Input
-
Linking Between Mobile Apps
-
Setting Button Text by Props
-
App Wrapup
​
9. Authentication with firebase
-
Auth App Introduction
-
A Common Root Component
-
Copying Reusable Components
-
What is Firebase?
-
Firebase Client Setup
-
Login Form Scaffolding
-
Handling User Inputs
-
More on Handling User Inputs
-
How to Create Controlled Components
-
Making Text Inputs From Scratch
-
A Focus on Passing Props
-
Making the Input Pretty
-
Wrapping up Inputs
-
Password Inputs
​
10. Processing Authentication Credentials
-
Logging a User In
-
Error Handling
-
More on Authentication Flow
-
Creating an Activity Spinner
-
Conditional Rendering of JSX
-
Clearing the Form Spinner
-
Handling Authentication Events
-
More on Conditional Rendering
-
Logging a User Out and Wrapup
11. Digging Deeper with Redux
-
App Mockup and Approach
-
The Basics of Redux
-
More on Redux
-
Redux is Hard
-
Application Boilerplate
-
More on Redux Boilerplate
​
12. Back to React
-
Rendering the Header
-
Reducer and State Design
-
Library List of Data
-
JSON CopyPaste
-
The Connect Function
-
MapStateToProps with Connect
-
A Quick Review and Breather
​
13. Rendering Lists the Right Way
-
The Theory of ListView
-
ListView in Practice
-
Rendering a Single Row
-
Styling the List
-
Creating the Selection Reducer
-
Introducing Action Creators
-
Calling Action Creators
-
Adding a Touchable
-
Rules of Reducers
-
Expanding a Row
-
Moving Logic Out of Components
-
Animations
-
Wrapup
​
14. Not Done Yet
-
Overview of Our Next App
-
App Challenges
-
Just a Touch More Setup
-
More on Boilerplate Setup
​
15. Handling Data in React vs Redux
-
Login Form in a Redux World
-
Rebuilding the Login Form
-
Handling Form Updates with Action Creators
-
Wiring up Action Creators
-
Typed Actions
​
16. Don't Mutate that State
-
Immutable State
-
Creating Immutable State
-
More on Creating Immutable State
-
Synchronous vs Asynchronous Action Creators
-
Introduction to Redux Thunk
-
Redux Thunk in Practice
-
Redux Thunk in Practice Continued
-
Making LoginUser More Robust
-
Creating User Accounts
-
Showing Error Messages
-
A Firebase Gotcha
-
Showing a Spinner on Loading
​
17. Navigating Users Around
-
Dealing with Navigation
-
Navigation in the Router
-
Addressing Styling Issues
-
Displaying Multiple Scenes
-
Navigating Between Routes
-
Grouping Scenes with Buckets
-
Navigation Bar Buttons
-
Navigating to the Employee Creation Form
-
Building the Employee Creation Form
-
Employee Form Actions
-
Handling Form Updates at the Reducer Level
-
Dynamic Property Updates
-
The Picker Component
-
Pickers and Style Overrides
​
18. Firebase as a Data Store
-
Firebase JSON Schema
-
Data Security in Firebase
-
Creating Records with Firebase
-
Default Form Values
-
Successful Data Save to Firebase
-
Resetting Form Properties
-
Fetching Data from Firebase
-
Storing Data by ID
-
Dynamic DataSource Building
-
Transforming Objects to Arrays
-
List Building in Employee List
​
19. Code Reuse - Edit vs Create
-
Reusing the Employee Form
-
Create vs Edit Forms
-
Reusable Forms
-
A Standalone Employee Edit Form
-
Initializing Forms from State
-
Updating Firebase Records
-
Clearing Form Attributes
-
Texting Employees
-
Modals as a Reusable Component
-
The Modal Component Continued
-
Styling the Modal
-
Employee Delete Action Creator
-
Wiring up Employee Delete
​
20.Bonus
Bonus? Bonus!
​
​
Let’s Write Your Story
Lorem ipsum dolor sit amet!