Yakitty: a chat app for everyone 👉 bit.ly/yakitty
yak (verb): to talk persistently. Also, a large long-haired wild or domesticated ox 🐂
Yakitty is a simple React Native tutorial for building smooth-running Android and iOS apps using JavaScript. If you're interested, have a look at the requirements before getting started.
To get the most out of this tutorial, you should have a basic understanding of JavaScript. Knowing the basics of React will be helpful too, but it's not required.
This is meant to give you a taste of what you can do with React Native. I encourage you to read the docs to get a more complete understanding of the framework. This is also a work in progress. Feel free to contribute :)
This tutorial is split up into modules, each taking roughly 30 to 60 minutes to complete. You'll find all the modules at the end of this page.
We're going to build an Android or iOS app with our bear hands. 🐻
We're going to use renowned libraries such as React in order to become renowned developers. We'll also learn how to integrate 3rd party APIs and organize our codebase the way master code crafters do.
React Native is a framework built on React for building native mobile apps using JavaScript. Native means your app will look and feel like any real app that was written in Java or Objective-C, the languages for developing Android and iOS apps.
This is different from tools like PhoneGap or Ionic which create apps that run in your phone's "Web View" (or browser). But it is similar to frameworks such as NativeScript or Flutter.
Did you skip the requirements page? Here's the CliffsNotes version:
- A computer (Windows, Mac or Linux).
- A code editor such as Visual Studio Code or Sublime Text.
- If you're on Windows, I recommend getting the Cmder console emulator.
- Node and Expo
- An Android phone (4.4+) or iPhone (iOS 9+) with the Expo Client app installed.
I'll even provide you these QR codes for your convenience, so you don't have to search for the app in the Play Store/App Store. Just point your camera and download the app:
| Expo for Android | Expo for iOS |
|
|
- Requirements
- Intro to React Native
- Creating components
- Using state and integrating 3rd party libraries (Moment.js)
- Integrating 3rd party APIs (Chatkit)
- Publishing to the Play Store/App Store (TODO)
- Supporting languages other than English (TODO)
- Integrating layout libraries, e.g. yogalayout.com (TODO)
- Resources
Have any requests? Let me know 👉 bit.ly/yakitty-feedback
This content is licensed under a Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.