- Видео 27
- Просмотров 308 265
Dan's React Native Lab
Канада
Добавлен 14 июн 2022
Intermediate and Advanced Expo tutorials 🧑💻
How to add Computer Vision to your Expo iOS App using React-Native Skia ( Golf Swing Tracer )
Please like and Subscribe ❤️
Follow me on Twitter: wa2goose
Sample Project: github.com/friyiajr/AiSwingPlaneTrackerStarter
------------------------------------
Introduction 00:00
Project Setup 03:23
App Architecture 05:47
Play a Video 07:46
What is Roboflow? 26:22
Create the Native Module 28:16
Draw the Plane 55:01
Follow me on Twitter: wa2goose
Sample Project: github.com/friyiajr/AiSwingPlaneTrackerStarter
------------------------------------
Introduction 00:00
Project Setup 03:23
App Architecture 05:47
Play a Video 07:46
What is Roboflow? 26:22
Create the Native Module 28:16
Draw the Plane 55:01
Просмотров: 700
Видео
How to build a QR Code Scanner with Expo ( React Native )
Просмотров 4,1 тыс.Месяц назад
Please like and Subscribe ❤️ Follow Me on Twitter / X: wa2goose Sample Project: github.com/friyiajr/ExpoQRTutorial 00:00 Introduction 00:39 Setup 02:19 Permissions 05:33 Using the Camera
Introduction to Game Development with Expo ( React Native ), Skia and Reanimated
Просмотров 3,5 тыс.2 месяца назад
Please like 👍, comment 💬, and subscribe ❤️ Follow me on Twitter / X 🐦: wa2goose Github Project: github.com/friyiajr/BrickBreakerSkia Please follow all these creators for more great information!!! Daehyeon Mun 대현 Twitter / X - DaehyeonMun RUclips - www.youtube.com/@RNAnimationLab Martin Heinz Twitter / X - Martin_Heinz_ Website - martinheinz.dev/ Paul Malin Tw...
Animated Bar Charts with Expo ( React Native ), Victory Native, and Skia
Просмотров 1,6 тыс.3 месяца назад
Please Like, Subscribe and Leave a Comment ❤️ Part 1 on Line Charts: ruclips.net/video/JR1wRAB90Kk/видео.html Follow me on X / Twitter: wa2goose Sample Code: github.com/friyiajr/VictoryChartShowcase Introduction 00:00 Mental Model 00:26 Dependencies 02:16 Boilerplate 02:30 Draw Static Chart 02:54 Animate the Chart 07:59 Draw the Tooltip 08:55
Animated Line Charts with Expo ( React Native ), Victory Native, and Skia
Просмотров 2,6 тыс.3 месяца назад
Please Like, Subscribe and Leave a Comment ❤️ Follow me on X / Twitter: wa2goose Sample Code: github.com/friyiajr/VictoryChartShowcase Introduction 00:00 Overview 00:53 Dependencies 02:54 Drawing a Line 03:15 Drawing an Area 07:27 Animating Transitions 09:25 Making the Tooltip 10:27 Drawing the Amount Label 13:48
How to build a React Native Expo App with Apple Watch ( Tutorial )
Просмотров 3,9 тыс.5 месяцев назад
Learn how to add Apple Watch to an existing Expo Project!!! Special Thanks to these amazing community members: * Frank Calise - frankcalise * Benedikt - bndkt * Enzo - reactiive_ Follow me on X / Twitter - wa2goose Sample Project Link: github.com/friyiajr/RealtimeWatchApp Introduction 00:00 The Big Picture 01:27 Making the Watch App 05:03 Make the...
Setup Push Notifications in your Expo App
Просмотров 33 тыс.6 месяцев назад
How to set up Push Notifications with Expo! Please Like, Subscribe and Leave a Comment ❤️ Follow me on Twitter / X 🐦: wa2goose Learn to Send Push Notifications to all your users from the Backend: ruclips.net/video/qXZSqPGiWT0/видео.html Expo Push Notifications Tool: expo.dev/notifications The sample project 👨💻: github.com/friyiajr/ExpoPushNotifications2 Introduction 00:00 usePushNo...
Getting Started with Expo (React Native), TypeScript and GraphQL for Beginners
Просмотров 2 тыс.7 месяцев назад
A guide to getting started with Expo, TypeScript and GraphQL using Codegen, Queries, Fragments and Mutations Please Like and Subscribe ❤️ Follow me on Twitter / X 🐦: wa2goose Sample Backend: github.com/friyiajr/graphql_proj Client Codegen Configuration: github.com/friyiajr/GQLClientStarter/blob/solution/codegen.ts Client Code for the Starter Project (GitHub main branch): github.com/...
Gradient Clock Tutorial with Expo (Reanimated 3 + React-Native Skia)
Просмотров 5 тыс.11 месяцев назад
How to make a gradient clock with Reanimated 3 and React-Native Skia ⏱ Please Like and Subscribe ❤️ Follow me on Twitter: wa2goose Check out theAppWizard2408: pCyjBpS8NlVC/?igshid=MzRlODBiNWFlZA Check out the sample code: github.com/friyiajr/SkiaAnimationShowcase
Chasing Finger Bubbles Animation with Expo and React Native Skia
Просмотров 3 тыс.11 месяцев назад
How to make chasing bubbles in React-Native Skia 🫧 Please Like and Subscribe ❤️ Follow mewtru on Twitter / X: trunarla Follow me on Twitter / X: wa2goose Showcase with all sample code on this channel: github.com/friyiajr/SkiaAnimationShowcase
Bluetooth Low Energy ( BLE ) Peripherals with Arduino for Beginners
Просмотров 11 тыс.Год назад
How to create a BLE Peripheral using the Arduino Uno R4 Wifi Please Like and Subscribe ❤️ Follow me on Twitter / X 🐦: wa2goose Arduino Sample Code - github.com/friyiajr/ArduinoBLESample Mobile app Sample Code - github.com/friyiajr/ArduinoBleSampleApp Introduction 00:00 Connecting to a Central 02:09 Sending Data 04:41 Getting back a response 06:01
Learn to Send Expo Push Notifications From A Server
Просмотров 13 тыс.Год назад
Learn to send Push Notifications from an Expo backend 🙂 Please Like and Subscribe ❤️ Follow me on Twitter / X 🐦: wa2goose Set up Push Notifications on Mobile: ruclips.net/video/V-hois8dgM4/видео.html Server Starter Code: github.com/friyiajr/ExpressServerYT Learn more about Expo and Internet of Things: ruclips.net/p/PLC_Hfj08XtG6f-IIZURzyuFIcuLCJobaI Introduction 00:00 Initial Setup ...
How to connect Arduino to WIFI - Fullstack Internet of Things ( IoT ) with Expo
Просмотров 3 тыс.Год назад
Watch Part 2 🙂: ruclips.net/video/s8OKmkyclEg/видео.html Please Like and Subscribe ❤️ Follow me on Twitter / X 🐦: wa2goose The sample project 👨💻: github.com/friyiajr/PlantSensor Buy an Arduino R4 Wifi 💾: store-usa.arduino.cc/products/uno-r4-wifi?selectedStore=us Buy a Capacitive Soil Moisture Sensor 💧: www.amazon.ca/KeeYees-Capacitive-Moisture-Sensor-Module/dp/B07R174TM1/ref=sr_1_5...
Expo and Bluetooth Low Energy ( BLE ) with State Management Tutorial
Просмотров 6 тыс.Год назад
How to use Redux-Toolkit with Bluetooth Low Energy in React-Native Please Like and Subscribe ❤️ Follow me on Twitter: wa2goose Prerequisites: * Learn Redux Toolkit - redux-toolkit.js.org/tutorials/quick-start * Learn Expo and Bluetooth Low Energy - ruclips.net/video/UuHLPsjp6fM/видео.html BLE Server (Central) Code: * github.com/friyiajr/BLEColorSimulator Sample Project: * github.com...
How to Create an Expo App with React-Native Firebase
Просмотров 44 тыс.Год назад
A tutorial on how to create an Expo app using the Firebase SDK 🔥. Follow along the tutorial with this boilerplate: github.com/friyiajr/WalkHeroSample Check out the documentation: rnfirebase.io/ Get help with your Expo project on the public Expo Discord: chat.expo.dev/ Follow me on Twitter 🐦: wa2goose Subscribe to my Insta 📷 my handle is: dan.rnlab 00:00 Introduction 02:18 Demo of Fi...
Build a Native View Library with Expo, React-Native, Swift and Kotlin
Просмотров 5 тыс.Год назад
Build a Native View Library with Expo, React-Native, Swift and Kotlin
How to build an Expo Library using Native Modules
Просмотров 16 тыс.Год назад
How to build an Expo Library using Native Modules
React-Native with Expo and Bluetooth Low Energy for Beginners
Просмотров 46 тыс.Год назад
React-Native with Expo and Bluetooth Low Energy for Beginners
Expo & Bluetooth Low Energy ( BLE ) Beacons For Beginners
Просмотров 8 тыс.Год назад
Expo & Bluetooth Low Energy ( BLE ) Beacons For Beginners
Confetti Animation with Expo and React-Native Skia
Просмотров 11 тыс.Год назад
Confetti Animation with Expo and React-Native Skia
React-Native and Bluetooth Low Energy ( BLE ) - Send and Receive Data
Просмотров 18 тыс.Год назад
React-Native and Bluetooth Low Energy ( BLE ) - Send and Receive Data
Flip card Animation in React-Native Re-Animated 2
Просмотров 4,5 тыс.Год назад
Flip card Animation in React-Native Re-Animated 2
Arc Slider with Expo, React-Native Skia, ReAnimated and Gesture Handler
Просмотров 8 тыс.Год назад
Arc Slider with Expo, React-Native Skia, ReAnimated and Gesture Handler
Build a React Native App with Bluetooth Low Energy ( BLE ) - Part 1.1 - Fix Android 12 Permissions
Просмотров 8 тыс.2 года назад
Build a React Native App with Bluetooth Low Energy ( BLE ) - Part 1.1 - Fix Android 12 Permissions
Build a React Native App with Bluetooth Low Energy ( BLE ) - Part 1 - Scanning and Permissions
Просмотров 35 тыс.2 года назад
Build a React Native App with Bluetooth Low Energy ( BLE ) - Part 1 - Scanning and Permissions
Build a Morphing Circle Animation with React Native Skia
Просмотров 4,9 тыс.2 года назад
Build a Morphing Circle Animation with React Native Skia
How to build an Animated Donut Chart with React-Native Skia
Просмотров 7 тыс.2 года назад
How to build an Animated Donut Chart with React-Native Skia
Thank you su much, I was stuck trying to get this working and with your video I was able to make it successfully!
Dan saved the day.
Super cool project! Thanks for the great content!
No problem! Thanks for watching! 🙂
Thank you, Dan. We need more advance topic like this. Awesome!
Thanks! Happy you enjoyed it 🫡
You are so talented, keep it up, and thanks for an awesome video!
Thanks for the kind words 😮🙂
I love these advanced videos. Keep it up ❤
Happy you enjoy the content 😃
Love your videos
Happy you enjoyed ⛳️🙂
Awesome video! Your video on Expo natives modules helped me to build my first computer vision app. Thank you!
Happy to help! 🔥
I was glad to see a real example of creating a native module for RN, thank you!
Happy you enjoyed it!
This is a new dimension
how to send a notification to the application from the backend (python example)? please help ╥﹏╥
Hey I have a video here Learn to Send Expo Push Notifications From A Server ruclips.net/video/qXZSqPGiWT0/видео.html
Thanks!!!!
Hi, I need to send title and body message in both English and Arabic. I am sending the info using data field. is it possible to show notification according to the user app language preference?
❤🔥❤🔥❤🔥❤🔥❤🔥❤🔥❤🔥❤🔥 - Thank you so much.
Hey Dan, great video - I'm finding the Expo barcode scanner really robust for scanning badges with QR codes (low light, reflection testing etc), did you run into any issues at all in production apps?
Hey, I'm trying to use your code but with reanimated 3 (newest skia version). I can't make it working the part with matrix. Do you know maybe what's the best way to replace useComputedValue?
Yes, unfortunately Skia has undergone a lot of big changes since this video and I am working to make a new one. In the meantime, you can replace useComputerValue with useDerivedValue from react-native-reanimated
i use firebase and in server should be spratlky configure this?
I need vehicle number plate scan and number display in input
it doesnt work my camera is black
how to generate the android and ios folders for expo?
Awesome job
You are my fcking hero mate
Happy to help!!!
Wow! How can I implement it using Wear OS watch instead apple watch?
FYI, seems you can't prebuild IOS on windows 😑
I got this error. Any help? I don't understand what i have to do to fix it. FAILURE: Build failed with an exception. * Where: Build file 'C:\APP\ExpoPushNotifications2\android\app\build.gradle' line: 1 * What went wrong: A problem occurred evaluating project ':app'. > Failed to apply plugin 'com.android.internal.application'. > Android Gradle plugin requires Java 17 to run. You are currently using Java 11. Your current JDK is located in C:\Users\Name\AppData\Local\jdk-11.0.2 You can try some of the following options: - changing the IDE settings. - changing the JAVA_HOME environment variable. - changing `org.gradle.java.home` in `gradle.properties`. * Try: > Run with --stacktrace option to get the stack trace. > Run with --info or --debug option to get more log output. > Run with --scan to get full insights. > Get more help at help.gradle.org. BUILD FAILED in 6s 10 actionable tasks: 2 executed, 8 up-to-date <-------------> 0% WAITING > IDLE Error: C:\APP\ExpoPushNotifications2\android\gradlew.bat app:assembleDebug -x lint -x test --configure-on-demand --build-cache -PreactNativeDevServerPort=8081 -PreactNativeArchitectures=arm64-v8a,armeabi-v7a exited with non-zero code: 1 Error: C:\APP\ExpoPushNotifications2\android\gradlew.bat app:assembleDebug -x lint -x test --configure-on-demand --build-cache -PreactNativeDevServerPort=8081 -PreactNativeArchitectures=arm64-v8a,armeabi-v7a exited with non-zero code: 1 at ChildProcess.completionListener (C:\APP\ExpoPushNotifications2 ode_modules\@expo\spawn-async\build\spawnAsync.js:42:23) at Object.onceWrapper (node:events:629:26) at ChildProcess.emit (node:events:514:28) at cp.emit (C:\APP\ExpoPushNotifications2 ode_modules\cross-spawn\lib\enoent.js:34:29) at maybeClose (node:internal/child_process:1091:16) at ChildProcess._handle.onexit (node:internal/child_process:302:5) ... at spawnAsync (C:\APP\ExpoPushNotifications2 ode_modules\@expo\spawn-async\build\spawnAsync.js:7:23) at spawnGradleAsync (C:\APP\ExpoPushNotifications2 ode_modules\@expo\cli\build\src\start\platforms\android\gradle.js:96:48) at assembleAsync (C:\APP\ExpoPushNotifications2 ode_modules\@expo\cli\build\src\start\platforms\android\gradle.js:74:18) at runAndroidAsync (C:\APP\ExpoPushNotifications2 ode_modules\@expo\cli\build\src un\android unAndroidAsync.js:45:37)
Thank you for this tutorial! But it does not work on Android ☹️
Is all the instructions in tiny texts like iam seeing please say no
Not finding the FCM section under credentials - where did it go?
Thanks!
Thanks Man
I really do wanna learn this and from the platforms that I’ve been on I was not capable of understanding. The main part of understanding is when I am on my laptop I can’t seem to open the website for the. Arduino uno then I already wrote the code on my iPhone, but then I can’t write the code on my it’s strange. I can’t get the code onto the website where it’s supposed to be so the agent can upload it to the board. I have the breadstick pins. I have all the correct stuff. I just don’t understand, the computer part plugging the Arduino board and the wire is the easiest part but I need the code on the board Arduino board so I can use the Arduino board to upgrade my controller. Somebody else actually wrote the code. I edited the code on my iPhone why I can’t do it on my laptop. I just don’t understand but then, if I knew how to transfer from my iPhone to the board would be nice to understand and easier probably I just don’t know. I need this code on my board.
I get happy seeing your face
Amazing, I think just onething will be fantastic application for changeable data real time and show the data on bar in lock screen and bar when swap down and also can control it show/hide with react native 🔥🔥
Great video, thanks Dan!
Good Dear
Awesome. Thank you Dan! Do you mind if you make another video on how to make dashed line from top to bottom when hovering I tried using Line/react-native-skia but it doesn't look very nice
Nice tutorial, like from Brazil. Thanks.
Thanks 😀
Great job!
Hi Dan can we implement mapbox navigation sdk and use it in expo app?
Awesome video. Keep great work Dan's. 💌
Nice 🔥 🔥
My Main Question Is There Any Limit For This Method I Mean Limit On Sending Notification ??