filmov
tv
React Native Mobile WrapUp Tutorial: Supabase Realtime, ReactHookForm, Modal, FlatList, ImagePicker
Показать описание
React Native Mobile WrapUp Tutorial: Supabase Realtime, ReactHookForm, Modal, FlatList, ImagePicker
#reactnative #supabase #reacthookform #expo #flatlist #ImagePicker
In the final video in the 9 part series, we put together everything we covered to show saving record to database, with reference to image uploaded using the ImagePicker to pick an image from the gallery or take a photo. We use reacthookform to validate the data and we use supabase realtime to get updates when the data in saved to the database
Chapters
--------------
00:00 - Intro, Demo Of What We Are Building
02:51 - Setting Up Supabase, The SQL Commands
04:27 - Adding Supabase Functions To Supabase Service To Read/Write/Save Images
07:48 - Refactoring the Existing Components into Separate Files
11:58 - Creating Form Inside The Modal to Add Item With Image Using ReactHookForm
23:48 - Adding ImagePicker to Save URI informationTo Form
29:04 - Show Records In FlatList On HomeScreen
32:32 - Save Data Returned From The AddItemModal
36:12 - Finish The Render Function for the FlatList
38:07 - Integrating Supabase Realtime/Subscriptions To Update UI
40:13 - Render The Image Associated With Record From Supabase
42:06 - Changing the Code To Show Camera Use and Test On Device
47:32 - Final Test On Device Using Camera
------------------------------------------------------------------------------
------------------------------------------------------------------------------
Video Series - React Native Refresher
------------------------------------------------------------
Follow Me
-------------------------------------------
Links
--------
-~-~~-~~~-~~-~-
Please watch: "Getting Started With Appwrite, Vue JS Ionic Framework & Capacitor"
-~-~~-~~~-~~-~-
#reactnative #supabase #reacthookform #expo #flatlist #ImagePicker
In the final video in the 9 part series, we put together everything we covered to show saving record to database, with reference to image uploaded using the ImagePicker to pick an image from the gallery or take a photo. We use reacthookform to validate the data and we use supabase realtime to get updates when the data in saved to the database
Chapters
--------------
00:00 - Intro, Demo Of What We Are Building
02:51 - Setting Up Supabase, The SQL Commands
04:27 - Adding Supabase Functions To Supabase Service To Read/Write/Save Images
07:48 - Refactoring the Existing Components into Separate Files
11:58 - Creating Form Inside The Modal to Add Item With Image Using ReactHookForm
23:48 - Adding ImagePicker to Save URI informationTo Form
29:04 - Show Records In FlatList On HomeScreen
32:32 - Save Data Returned From The AddItemModal
36:12 - Finish The Render Function for the FlatList
38:07 - Integrating Supabase Realtime/Subscriptions To Update UI
40:13 - Render The Image Associated With Record From Supabase
42:06 - Changing the Code To Show Camera Use and Test On Device
47:32 - Final Test On Device Using Camera
------------------------------------------------------------------------------
------------------------------------------------------------------------------
Video Series - React Native Refresher
------------------------------------------------------------
Follow Me
-------------------------------------------
Links
--------
-~-~~-~~~-~~-~-
Please watch: "Getting Started With Appwrite, Vue JS Ionic Framework & Capacitor"
-~-~~-~~~-~~-~-
0:48:25
React Native Mobile WrapUp Tutorial: Supabase Realtime, ReactHookForm, Modal, FlatList, ImagePicker
0:02:28
React Native Tutorial #35 - Wrap Up
0:02:17
React Native in 100 Seconds
0:03:22
50 - App Wrapup in React Native
0:32:51
Keyboard Handling tutorial for React Native apps
2:06:30
React Native Tutorial for Beginners - Build a React Native App
3:19:59
React Native 101 Crash Course: Build Your First Mobile App!
4:40:39
React Native Course – Android and iOS App Development
1:40:53
React Native Community Kraków | Meet-up #15
0:24:15
The Best React Native Menus with Zeego
0:02:20
Building a simple ChatApp with React Native Expo- #11 Course Wrap up
0:38:45
Analytics for your React Native app (Tutorial for beginners) | DEVember Day 19
8:16:12
React Native Full 8 Hours Course (Expo, Expo Router, Supabase)
3:24:29
React Native Crash Course | Build a Complete App
0:27:02
How to get started with Codemagic for your React Native apps
0:02:22
Kotlin in 100 Seconds
0:12:45
React Native Server Defined Rendering
0:25:41
React Native / Expo: Redux and Firebase Starter Tutorial
3:10:14
Ionic & Capacitor for Building Native Mobile Apps – Full Course for Beginners
0:14:15
React Native Mobile App Tutorial: Using Swipeable Component With FlatList - Swipe To Delete
0:02:41
React Native Tutorial #1 - Introduction
0:02:08
React in 100 Seconds
0:24:03
Better than React Native Stylesheet 💪
0:22:15
React Native Mobile Apps, Working With React Navigation Auth, Supabase, And React Hook Form
Комментарии