React Native Gestures
Build a cross-platform app with gestures and a persistent login experience. 5-hour course https://designcode.io/react-native-2
Welcome to the second part of the React Native course. At this stage, we will skip the installation process and the basic configurations for your iOS and Android app. If you're new to React Native and haven't taken the [first part](https://designcode.io/unity-for-designers), I suggest that you get familiar with it first. In this section, we'll learn how to create gestures for your app, code a beautiful login experience and publish your app to the App Store.
Diving Deeper into React Native
The first part touched a lot on the UI, animations and light aspect of data, using libraries like [Styled Components](https://www.styled-components.com), [Expo](https://expo.io), [Redux](https://redux.js.org), [Apollo](https://www.apollographql.com) and [Contentful](https://www.contentful.com). As always, courses on Design+Code are all about the workflow and building your app from zero, from the perspective of a designer. The goal is to get you familiar with the platform and the tools, and allow you to collaborate better with engineers.
First, we'll create some [gesture interactions](https://facebook.github.io/react-native/docs/gesture-responder-system) within the app and transition nicely to a full card. Since animated assets can save so much implementation time, I believe that it's crucial to learn how to use [Lottie](https://lottiefiles.com) files. We'll also learn how create a beautiful sign up and login experience using forms and [Firebase](https://firebase.google.com) authentication. Finally, it'll be time to publish our app to the Android and iOS app stores.
Видео React Native Gestures канала DesignCode
Welcome to the second part of the React Native course. At this stage, we will skip the installation process and the basic configurations for your iOS and Android app. If you're new to React Native and haven't taken the [first part](https://designcode.io/unity-for-designers), I suggest that you get familiar with it first. In this section, we'll learn how to create gestures for your app, code a beautiful login experience and publish your app to the App Store.
Diving Deeper into React Native
The first part touched a lot on the UI, animations and light aspect of data, using libraries like [Styled Components](https://www.styled-components.com), [Expo](https://expo.io), [Redux](https://redux.js.org), [Apollo](https://www.apollographql.com) and [Contentful](https://www.contentful.com). As always, courses on Design+Code are all about the workflow and building your app from zero, from the perspective of a designer. The goal is to get you familiar with the platform and the tools, and allow you to collaborate better with engineers.
First, we'll create some [gesture interactions](https://facebook.github.io/react-native/docs/gesture-responder-system) within the app and transition nicely to a full card. Since animated assets can save so much implementation time, I believe that it's crucial to learn how to use [Lottie](https://lottiefiles.com) files. We'll also learn how create a beautiful sign up and login experience using forms and [Firebase](https://firebase.google.com) authentication. Finally, it'll be time to publish our app to the Android and iOS app stores.
Видео React Native Gestures канала DesignCode
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Advanced React Native FlatList animations at 60fps with Animated API](https://i.ytimg.com/vi/yV-2HRzNX9o/default.jpg)
![Getting Started with React Native](https://i.ytimg.com/vi/7sJQBjn_cRQ/default.jpg)
![React VS Angular in 2020](https://i.ytimg.com/vi/9LNaQln11BA/default.jpg)
![Why React Native Gesture Handler & Reanimated ?](https://i.ytimg.com/vi/aoENL4gF9rE/default.jpg)
![Autenticação no React Native / ReactJS com Context API & Hooks | Masterclass #12](https://i.ytimg.com/vi/KISMYYXSIX8/default.jpg)
![React Native Shared Element Transition](https://i.ytimg.com/vi/iejTIn9zi0U/default.jpg)
![The 10-min React Native Swipe](https://i.ytimg.com/vi/Sb9paeF2SQs/default.jpg)
![React Native FlatList Animations](https://i.ytimg.com/vi/NiFdK-s6OP8/default.jpg)
![Clonando interface do Nubank (+ ANIMAÇÕES) com React Native | Diego Fernandes](https://i.ytimg.com/vi/DDm0M_rZLJo/default.jpg)
![Performance in React Native](https://i.ytimg.com/vi/Pa2uN2KRbj0/default.jpg)
![Why React Native is NOT garbage.](https://i.ytimg.com/vi/ptTfQvbu9Ko/default.jpg)
![Airbnb Header Animation | React Native | Reanimated](https://i.ytimg.com/vi/JPx8IlfYQ-c/default.jpg)
![React Native Tutorial for Beginners - Build a React Native App [2020]](https://i.ytimg.com/vi/0-S5a0eXPoc/default.jpg)
![Clonando interface do Instagram (+ SCROLL ANIMADO) com React Native | Diego Fernandes](https://i.ytimg.com/vi/2nXsLpUCO20/default.jpg)
![Swipe Gestures in React Native with react-native-gesture-handler](https://i.ytimg.com/vi/JxN9W9PRlUQ/default.jpg)
![Login Authentication Tutorial in React Native using AsyncStorage | useReducer, useContext, useMemo](https://i.ytimg.com/vi/gvF6sFIPfsQ/default.jpg)
![Learn React Native Gestures and Animations - Tutorial](https://i.ytimg.com/vi/wEVjaXK4sYQ/default.jpg)
![Animated Sliding Tabbar in React Native](https://i.ytimg.com/vi/mRt7XIQoAO0/default.jpg)
![Animated Loader in React Native | Lottie Animation Tutorial](https://i.ytimg.com/vi/mZXCOdIFg6Q/default.jpg)
![React Native Tutorial #16 Image Swiper (Carousel)](https://i.ytimg.com/vi/otr_x0wKgvU/default.jpg)