React Native
Building a hybrid app without webviews? Need native components? Want good performance? React Native delivers all of this and a little more!
Building a hybrid app without webviews? Need native components? Want good performance? React Native delivers all of this and a little more!
Each lesson focuses on a single aspect of building the project, like modeling the data, building a GraphQL server in Elixir, or building a mobile client for it in Flutter.
A brief introduction to react native and why it is different from hybrid apps.
Installation and a quick introduction about the app structure
Learn about the directories and the structure for a React Native project.
Create a simple app using actions and updating the screen.
Create simple actions with buttons, and show some text as a result of user action.
Solution for Actions and listeners exercise.
How to persist data in React Native using Async Storage.
How to make API calls and show data.
How to create a layer for all of our API calls and organize it cleanly.
Working with an API and treating the result.
Solution for get your favorite pokemon exercise.
How to use flexbox and create a login screen.
Learn how to make transitions between screens.
We will check a specific component from the React Native Standard Library.
How to use the same code and generate different components and native components for iOS and Android.
Solution from Write Once Components exercise
Using a web browser to debug your application.
Take a look in how the images work on React Native.
Learn how to work with lists
Interesting links for the week and exercise using listviews
Solution for Actions and Lists Exercise.
Learn why we should use stateless components and how
Why you should worry about managing your state?
How to manage the state in React
Interesting links for the week and exercise about flow
Solution for the Exercise using Flow
Let's see how generate a package for your android and iOS device.
How to deploy to your device Store
Run tests automatically, automate your deploys, and improve your life.
Learn about how to create automated deploys and improve your life.
A solution to last week's CI exercise, and an overview of a real-world application.
Using React Native Debugger and Redux DevTools to quickly learn how an existing application’s store works.
Separating state changes and side effects
Setting up navigation yourself
Make a Settings screen and save it in a redux store.
Implementing a Settings screen
Starting creating an app from scratch
Handling API requests from the Github API
Using React Native Elements and improving the view.
Interesting links for the week and Add Redux to React Native Docs
Using Redux Loop in our React Native Docs app
The basics of React Navigation
Configuring the Header and using Redux in React Navigation
Set up React Navigation in the React Native Docs
Links for the week and Firebase exercise
Solution from Exercise Firebase Grocery List
Implemeting a chat app using firebase
Using Firebase Storage
How to add images to a firebase chat app
Interesting Links for the week and creating a soundboard app
Creating a soundboard app with Firebase
Compare 1k element listviews in Ionic 2 vS React Native
The unfair starting CLI, Generator, and more for React Native
First steps with Ignite
Interesting links for the week and working with Ignite Theme
Playing with Ignite’s Theme
A quick rundown on Redux Sagas
Checking best practices using Redux
Move code from Redux Sagas to Redux Loop
Exercise: Testing Redux Thunk and some interesting links
Implementing an API call using Redux Thunk
How to store assets and work with them
A simple Memory game using colors
Inspecting React Native Code
React Native Weekly Drip #13, and Exercise: Actions to Color Game
Adding Actions to our Color Game
Giving GraphQL a try
Fragments, mutations and more
Passing arguments to our queries
React Native Weekly Drip #14, and Exercise: List Repos from Github using GraphQL API
Solution: All Repos from Github GraphQL API
Trying out Expo
Getting location and phone contacts
Connecting Facebook in React Native
Interesting links for the Week and exercise working with gyroscope
Using ScreenAwake and Gyroscope for Expo
What it is, and How, Why and When to use GraphQL
How to set up a login solution in React Native
A serverless solution for GraphQL that works great with React Native
A serverless solution for GraphQL that works great with React Native
Setting up an error tracking service in your app
Using Vim with Prettier for React Native
Testing your React Native using Jest
Creating a super project with Redux + React Navigation + Best Practices
Submitting Payments in React Native using braintree
How to use Native modules from Android in React Native
How to do Immersive mode on React Native
Putting designers and developers together
API requests using Redux Sagas
The code in the applications was produced by:
Our content library is pretty great, here are a few lessons we think you might like.
Some other people were willing to publicly state that they like us!
Software Architect
Smooth Terminal has easily been one of the most helpful resources on my journey to better understand Elixir and the Phoenix web framework.
Developer
With any language there are so many details to learn. What functions are built-in? How should I structure my code? What tools are available for improving my workflow? It’s rare to find one source that can answer so many of these questions, but Smooth Terminal does this and more.
Game developer
Smooth Terminal is by far the best resource for learning Elm anywhere, and among the very best online learning platforms, period.