Dan's React Native Lab
Dan's React Native Lab
  • Видео 27
  • Просмотров 308 265
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
Просмотров: 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

Комментарии

  • @jesusfco5629
    @jesusfco5629 Час назад

    Thank you su much, I was stuck trying to get this working and with your video I was able to make it successfully!

  • @linhtrannhat3089
    @linhtrannhat3089 2 часа назад

    Dan saved the day.

  • @nro337
    @nro337 День назад

    Super cool project! Thanks for the great content!

    • @DanRNLab
      @DanRNLab 20 часов назад

      No problem! Thanks for watching! 🙂

  • @ddikodroid
    @ddikodroid День назад

    Thank you, Dan. We need more advance topic like this. Awesome!

    • @DanRNLab
      @DanRNLab День назад

      Thanks! Happy you enjoyed it 🫡

  • @christophergabba5431
    @christophergabba5431 День назад

    You are so talented, keep it up, and thanks for an awesome video!

    • @DanRNLab
      @DanRNLab День назад

      Thanks for the kind words 😮🙂

  • @alirezahadjar
    @alirezahadjar День назад

    I love these advanced videos. Keep it up ❤

    • @DanRNLab
      @DanRNLab День назад

      Happy you enjoy the content 😃

  • @alihassan4726
    @alihassan4726 День назад

    Love your videos

    • @DanRNLab
      @DanRNLab День назад

      Happy you enjoyed ⛳️🙂

  • @abhiramreddy1598
    @abhiramreddy1598 День назад

    Awesome video! Your video on Expo natives modules helped me to build my first computer vision app. Thank you!

    • @DanRNLab
      @DanRNLab День назад

      Happy to help! 🔥

  • @nucleartux
    @nucleartux День назад

    I was glad to see a real example of creating a native module for RN, thank you!

    • @DanRNLab
      @DanRNLab День назад

      Happy you enjoyed it!

  • @balogunkayodefredrick9063
    @balogunkayodefredrick9063 День назад

    This is a new dimension

  • @ДамирБайденов-н8в

    how to send a notification to the application from the backend (python example)? please help ╥﹏╥

    • @DanRNLab
      @DanRNLab 4 дня назад

      Hey I have a video here Learn to Send Expo Push Notifications From A Server ruclips.net/video/qXZSqPGiWT0/видео.html

  • @miguelorellana4052
    @miguelorellana4052 6 дней назад

    Thanks!!!!

  • @ahmedsubhani6774
    @ahmedsubhani6774 6 дней назад

    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?

  • @gauthamvijayan
    @gauthamvijayan 6 дней назад

    ❤‍🔥❤‍🔥❤‍🔥❤‍🔥❤‍🔥❤‍🔥❤‍🔥❤‍🔥 - Thank you so much.

  • @thomas-harley
    @thomas-harley 7 дней назад

    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?

  • @Natalia-MS
    @Natalia-MS 8 дней назад

    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?

    • @DanRNLab
      @DanRNLab 8 дней назад

      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

  • @Prakashraz952
    @Prakashraz952 8 дней назад

    i use firebase and in server should be spratlky configure this?

  • @gsvicky97
    @gsvicky97 12 дней назад

    I need vehicle number plate scan and number display in input

  • @poxh
    @poxh 12 дней назад

    it doesnt work my camera is black

  • @princesiachin279
    @princesiachin279 13 дней назад

    how to generate the android and ios folders for expo?

  • @codelery414
    @codelery414 14 дней назад

    Awesome job

  • @marcesalas7115
    @marcesalas7115 15 дней назад

    You are my fcking hero mate

    • @DanRNLab
      @DanRNLab 15 дней назад

      Happy to help!!!

  • @tejasrathi5418
    @tejasrathi5418 15 дней назад

    Wow! How can I implement it using Wear OS watch instead apple watch?

  • @Animotion1000
    @Animotion1000 19 дней назад

    FYI, seems you can't prebuild IOS on windows 😑

  • @AndreyEscobar
    @AndreyEscobar 20 дней назад

    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)

  • @largatonguyemmanuelcouliba9827
    @largatonguyemmanuelcouliba9827 20 дней назад

    Thank you for this tutorial! But it does not work on Android ☹️

  • @genearcher
    @genearcher 21 день назад

    Is all the instructions in tiny texts like iam seeing please say no

  • @thomascarstens2729
    @thomascarstens2729 22 дня назад

    Not finding the FCM section under credentials - where did it go?

  • @felipemelendez5741
    @felipemelendez5741 24 дня назад

    Thanks!

  • @mateuswdo1588
    @mateuswdo1588 26 дней назад

    Thanks Man

  • @massterrbarber
    @massterrbarber 27 дней назад

    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.

  • @niranjandabhade1477
    @niranjandabhade1477 28 дней назад

    I get happy seeing your face

  • @ahmedfarrag2602
    @ahmedfarrag2602 Месяц назад

    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 🔥🔥

  • @jk887-z6ijk
    @jk887-z6ijk Месяц назад

    Great video, thanks Dan!

  • @Bheesham-mm
    @Bheesham-mm Месяц назад

    Good Dear

  • @TuanLe-hr3fo
    @TuanLe-hr3fo Месяц назад

    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

  • @izcode61
    @izcode61 Месяц назад

    Nice tutorial, like from Brazil. Thanks.

  • @bbanaei
    @bbanaei Месяц назад

    Great job!

  • @bitsnbytes398
    @bitsnbytes398 Месяц назад

    Hi Dan can we implement mapbox navigation sdk and use it in expo app?

  • @localhostdev
    @localhostdev Месяц назад

    Awesome video. Keep great work Dan's. 💌

  • @tamaniphiri
    @tamaniphiri Месяц назад

    Nice 🔥 🔥

  • @abdulrahmanhussamaldin6523
    @abdulrahmanhussamaldin6523 Месяц назад

    My Main Question Is There Any Limit For This Method I Mean Limit On Sending Notification ??