Learn React Native with Swizec Teller — a geek with a hat
Your teacher Swizec Teller takes you on the journey to React Native mastery!
In this course, you'll learn all about React Native. We start with the very basics like how do you run an app, how do you debug etc.
Following my course, you're going to build 24 small apps that show you all the bells and whistles of React Native. You'll be a pro mobile engineer in no time.
Hi, I'm Swizec. My goal is to help you become a better engineer. You're looking at my React Native School developed in collaboration with Shoutem.
Some of my other works include React+D3v4, Data Visualization with D3.js, and Why Programmers Work at Night. You may have heard of them, or maybe not. They're pretty niche :)
If you wanna know more about me, Google is your friend.
| Info | Duration | Skill level |
|---|---|---|
| 24 lectures | 3 months (bi-weekly) | Beginner (basic JS) |
Hello. Welcome. 👋
In this lecture you’re going to build your first mobile app. A clicker of the cutest photos on the internet in just 46 lines of code.
Today, we’re building an Imgur app. A supreme fullscreen image browsing experience to make your 💩 even more fun. A fullscreen view of Imgur’s frontpage. Tap on the right for next pic, left for the previous. Albums scroll up and down. It’s like Snapchat, but for the Imgur gallery.
You might still bicker with your friends, but you’ll with objective data! There’s no way you’re getting dragged to that bar with soggy toast. Not today, friends, not today. Wanna build a new app with me every 2 weeks? Subscribe by email and you’ll never miss a lesson. Here’s what you’ll learn today: how to […]
This is a simple chat app. Users have an identity, they see a list of messages, everyone gets updates in real-time. The logic is powered by Redux and Firebase, the UI is styled by Shoutem UI.
Follow this tutorial and say hi to everyone else who runs the app.
That was the hardest thing in coding that I’ve ever done. Setting up Firebase Cloud Messaging with a React Native app in March/April 2017 is hell. I hope the ecosystem improves. After 7 days, it works! As far as I know, this is the only comprehensive how-to out there. Enjoy 👇 Before you ask: yes, […]
Today we’re building a camera app with live preview saturation and brightness filters. It’s like, Instagram but not. There’s no “Take Pic” button. You have to take a screenshot. But filters! You can turn it into an Instagram with these helpful WebGL shaders that @stoffern build. Oh yes, we’re using WebGL to manipulate camera output […]
React Native Music App part 1 Nikolai asked “I’m curious how to make a basic audio player in React Native? A way to play from a remote location”, so here we are: Build a React Native Music App tutorial! Our app loads as a list of music genres. We find the “album” art on Flickr, […]
Today we’re building a Player component to stream music from SoundCloud. After trying 3 or 4 different React Native sound libraries, I found one that works with remote file streaming: react-native-video
For this week’s React Native app build, I wanted to play with react-navigation. It’s the new official way to build navigation in react native apps. We’re building a Crowdsourced Travel App. You say where you’re going, the app suggests what to pack. Keep forgetting your toothbrush? Now you won’t. Don’t know what to pack for […]
Build a real-time visualization of Bitcoin transactions with React Native in 10 minutes Have you ever wanted to build a data visualization with livestreaming real-time data? You’re in luck! That’s what this tutorial is about 🙂 We’re building an app that shows the real-time value of Bitcoin, Etherum, and Litecoin as judged by the Coinbase […]
Learn how to build a Hacker News app where people are nice. Using HN’s official Firebase API to load stories and comments, Google’s Natural Language API to hide negative comments, MobX for state management, Shoutem UI Toolkit for styling, and react-native-htmlview to render HTML.
We’re taking the HackerNews App that filters negative comments from two weeks ago and making it actually useful. Adding a login form, enabling upvotes, and commenting. Now that the app is useful, it’s going to the App Store. 😇 We’re using MobX for state management, a reverse-engineered HackerNews write API, and Shoutem UI Toolkit for […]
Jerry Seinfeld writes one joke per day. No matter what happens that day, he writes a joke. For motivation he uses what’s become known as the Seinfeld Calendar: You get a big calendar and for every day that you write a joke, you put a big bright red X on your calendar After a few […]
Experiment time! How long would it take you to build an app like this from scratch? Talks to an API to find recipes Shows a list of delicious pics Lets you click on a pic to see a recipe Well … first you’d have to get the app itself up and running, then you gotta […]
