Welcome to Team Knocknock – just knock the door and be open for a journey!

Al. Solidarnosci 82a m.5, Warsaw-Poland
contact@teamknocknock.com
mobile logo
 

React Native Beginner Tutorial Content

1- Introduction
  • Mobile Programming
  • Hybrid Mobile Programming
  • React vs React Native
  • Introductory HTML and CSS Knowledge Requirement
  • Expo vs React Native
2- Working Environment Preparation
  • Installations: VsCode , NodeJs, AndroidSdk, AndroidStudio etc.
  • Emulator configuration
  • VsCode introduction
3- HTML
  • What is HTML?
  • Html Tag Anatomy
  • Basic HTML elements
  • HTML Lists
  • HTML Image Element
  • Links and Anchor Tag
  • Block and Inline elements
  • Div, Span, and Semantic Tags
4- CSS
  • What is CSS?
  • Adding CSS to our HTML page
  • Selectors
  • Colors, Fonts, and Some Basic Elements
  • Box Model, Margin, Padding
  • Position
5- CSS Flexbox
  • What is Flexbox?
  • Flexbox basics
  • Flexbox Features
  • Flexbox Alignment & Justify
6- React Native Input Level
  • Project Creation
  • Project Anatomy and File Structure
  • JSX Structure
  • Basic Components
  • React Native Styling
  • Example Static Project
7- JavaScript Basics
  • Variables
  • Operators
  • Series
  • Decision Structures
  • Loops
  • Functions
  • Objects
8- JavaScript Intermediate
  • Function Details
    • Arrow Functions
    • Declarations & Expressions
    • Functions vs. Methods
    • Foreach Method & Callback
  • Array Details
    • Nested Array
    • Objects vs Arrays
    • Array Methods
  • This Keyword
  • JavaScript Variable Structures Advanced
    • Primitive Type
    • Reference Type
    • Variable Life Cycle
    • Heap & Stack
9- React Native Coding 1
  • JSX and JavaScript
  • Understanding useState and re-rendering
  • Event Narration
  • TextInput
  • button
  • Dynamic Screen Sample
  • Listing (FlatList vs map)
10- React Native Coding 2
  • Project Structure Management
  • Component Creation
  • Component Export, Import
  • Prop Structure
11- React Navigation
  • What is React Navigation?
  • Setup
  • Stack Navigator
  • Header Bar Settings
  • Parameter passing between routes
  • Tab Navigator
  • Using Nested Navigator
12- Async JavaScript
  • What is async JavaScript? Why it is necessary?
  • Async vs Sync Programming
  • HTTP Request Explanation and Usage
  • XHR, JSON, and Callback Functions
  • Callback Hell
  • Promise Structures
  • Fetch API
  • Async & Await vs. Then
  • Error throwing and catching
13- React Native Async Storage
  • What is React Native Async Storage? Why it is necessary?
  • Setup
  • getItem, setItem, removeItem
  • clear()
  • getAllKeys()
m

Are You Interested in hearing more?

If you are interested in coorperation let us know!
Contact

Cortex