Welcome to Team Knocknock – just knock the door and be open for a journey!
Al. Solidarnosci 82a m.5, Warsaw-Poland
contact@teamknocknock.com
Main Home
Trainings
What We Offer
References
Blog
About Us
Contact Us
EN
PL
TR
DE
Main Home
Trainings
What We Offer
References
Blog
About Us
Contact Us
EN
PL
TR
DE
Main Home
Trainings
What We Offer
References
Blog
About Us
Contact Us
EN
PL
TR
DE
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()
Are You Interested in hearing more?
If you are interested in coorperation let us know!
Contact
Cortex