Local Hack Day
slides.com/realslimshanky/kickstartreactnative
Shashank Kumar
Computer Science Undergraduate Student
Volunteer for multiple Delhi-NCR based communities
Open Source Contributor
https://blog.shanky.xyz
Comes with all the goodness of ReactJS
A whole package of dedicated debugging tools
Great community folks to help you along the way
Is the power behind applications like Facebook, Instagram, Airbnb, Tesla, Skype and much more
ES6 - Variable Declaration
var a = 1
var b = 'abc'
b = 'dce'
const a = 1
let b = 'abc'
ES6 - Fat Array Function
var a = function a (x) {
return (x * 2);
}
x => (x * 2) ;
var a = function a (x , y) {
y = x * x;
return y;
(x ,y) => {
};
ES6 - Deconstruction
var a = [1 , 3, 7];
var b = a[0];
var c = a[1];
var d = a[2];
const a = [1, 3, 7];
const [b, c, d] = a;
or
const [b, ...c] = a;
Install NodeJS
npm install create-react-native-app
Install Expo from Apple Store or Google Play
Creating Your App create-react-native-app projectName
Move into your project directory cd projectName
Deploy App npm start
Open Expo app in your mobile
Scan QR Code on the terminal using the app
Cheers!
JS Code
React Native Server & Packager
Connected Device
JS Core
State
Props
View
Text
Constructor
componentWillMount()
render()
componentDidMount()
By Shashank Kumar
A quick presentation on how to begin with react native app development.
Google Summer of Code 2018 Student with Debian. Google Udacity India Scholar