React Native lets you build mobile apps using only JavaScript. It uses the same design as React, letting you compose a rich mobile UI using declarative components.
A React Native app is a real mobile app. The apps you are building with React Native aren't mobile web apps because React Native uses the same fundamental UI building blocks as regular iOS and Android apps. Instead of using Swift, Kotlin or Java, you are putting those building blocks together using JavaScript and React.
In this workshop, we will learn how to build a component-based todo mobile-app using React Native.
Please make sure, you've the following items installed on your laptop before the event, for the workshop.
-
Node v9.4+, NPM v6.7+, Yarn v1.13+
-
Node Dependencies
Install the expo-cli dependence.
npm install expo-cli --global
-
Code Editor, of your choice
For anyone, who needs a refresher on JavaScript. I recommend you read the excellent Re-introduction guide to JavaScript.
Please run yarn install to install the project dependancies before getting started.
-
Starting Version
Use the
masterbranch to start building out the app. -
Completed Version
The completed version is the end product we'll be working towards. You can get a look at it by checking out the
completedbranch.
-
If you haven't used ReactJS or React Native. Once you're through the workshop code. I highly recommend going through the Quick Start guide for ReactJS.
-
The Beginner's Guide to ReactJS (Video Course)
- Learn More
- Build something, anything!
- Share it with the community
Happy Hacking! :)