Simply React Native
Simply React Native
  • 25
  • 58 263

Відео

React Native New Update Play Around
Переглядів 77128 днів тому
In this video, we play around the new features and update that shipped with React Native V0.76.1. We used the debugger, setting breakpoints and continuing on breakpoint paused. We get use the new bosShadow property and filter styles.
Best Time To Be A React Native Developer ( New Architecture Default / Filter style RN V0.76 Update )
Переглядів 560Місяць тому
The React Native 0.76 release marks a major milestone with the New Architecture enabled by default. This architecture moves away from the "bridge" model, allowing faster, direct communication between JavaScript and native modules. Key features include Bridgeless Mode, React Native DevTools for improved debugging, optimized app size and performance for Android, and updated minimum SDK requiremen...
Dropdown react native/expo (No external libraries)
Переглядів 5 тис.6 місяців тому
In this video we build our own custom reusable dropdown. We get to identify some issues and fix them to enhance our experience. Tag along and let's build together. Repo link: github.com/liptonzuma/React-Native-Dropdown
Modal React Native / Expo
Переглядів 1,9 тис.8 місяців тому
In this is video I walk through how to build a modal using the modal module from react-native. We learn how to make status bar translucent on android and discover how to add some extra modal features. Link to repo: github.com/liptonzuma/modal
React Native/expo firebase cloud storage image/video upload (js-sdk)
Переглядів 9629 місяців тому
In this video I fast code through the procedure involved in uploading all types of media documents to cloud storage but focus will be on image and video files. Also I will run through how to delete an image from the storage bucket. link to code repo: github.com/liptonzuma/firebase-series.git
React Native/Expo Firebase Cloud Firestore CRUD Operation (Todo list app)
Переглядів 3,4 тис.9 місяців тому
In this video, we learn how to perform CRUD operations with firebase's cloud firestore database while building a todo list app. Link to repo: github.com/liptonzuma/firebase-series.git
React Native/Expo firebase Js sdk setup and authentication.
Переглядів 2,3 тис.9 місяців тому
In this video, we will go over how to setup firebase js sdk in your expo react native app then implement register and sign in with email and password. This is a firebase series so look out for more videos on other firebase features. Link to repo:github.com/liptonzuma/firebase-series.git firebase console: console.firebase.google.com/ expo firebase docs:docs.expo.dev/guides/using-firebase/#using-...
ScrollView vs Flatlist: when should you use either of them.
Переглядів 79410 місяців тому
In this video, we will be looking at some of the core features of scrollview and flatlist and discover which case suits either of them. Before you even watch video, just know Flatlist has a lot more features than scrollView but do watch and discover more of these said features.
How To Get Started with React Native Reanimated: A Beginner's Guide.
Переглядів 47610 місяців тому
In this video, we dive into the basics of React Native Reanimated, a powerful library for creating smooth and high-performance animations in your React Native apps. Whether you're new to animation or looking to level up your skills, this tutorial will guide you through the essentials, including setup, key concepts, and practical examples. Join us as we explore the world of React Native Reanimat...
Skeleton React Native / Loading animation
Переглядів 3,8 тис.10 місяців тому
Skeleton loading animation with moti in react native. Remember to install expo-linear gradient.(docs.expo.dev/versions/latest/sdk/linear-gradient/) Link to repo : github.com/liptonzuma/skeleton-tutorial link to moti : moti.fyi/ link to reanimated: docs.swmansion.com/react-native-reanimated/docs/fundamentals/getting-started/ link to react native gesture handler : docs.swmansion.com/react-native-...
Carousel slider React Native
Переглядів 3,5 тис.10 місяців тому
Link to repo: github.com/liptonzuma/React-native-tutorials.git Link to library: github.com/kristerkari/pinar Please kindly like and subscribe.
Dark Mode React Native
Переглядів 2 тис.11 місяців тому
Walk through of how to implement dark mode in react native. Subscribers goal for this video is 10. Link to repo: github.com/liptonzuma/darkmode
Custom Bottom Tab Navigation in React Native
Переглядів 2,1 тис.11 місяців тому
Fast code through on how to build a custom bottom tab navigation in react native. link to the repo: github.com/liptonzuma/React-native-tutorials.git Subscribers goal for today is 10 subscribers more.
Accordion/Collapsible React Native
Переглядів 2,4 тис.11 місяців тому
Accordion/Collapsible React Native
Custom Top Tab Bar React Native
Переглядів 3,1 тис.Рік тому
Custom Top Tab Bar React Native
React Native Custom fonts (google fonts)
Переглядів 498Рік тому
React Native Custom fonts (google fonts)
Check Box React Native Walkthrough
Переглядів 8392 роки тому
Check Box React Native Walkthrough
How To Create A Custom Switch In React Native
Переглядів 2,2 тис.2 роки тому
How To Create A Custom Switch In React Native
React Native Toolkits Every Developer Must Know
Переглядів 1812 роки тому
React Native Toolkits Every Developer Must Know
Checkbox React Native
Переглядів 13 тис.2 роки тому
Checkbox React Native
Radio Buttons React Native
Переглядів 7 тис.2 роки тому
Radio Buttons React Native
Creating a sideNav with html,css and javaScript
Переглядів 863 роки тому
Creating a sideNav with html,css and javaScript
Prime numbers javascript
Переглядів 3893 роки тому
Prime numbers javascript

КОМЕНТАРІ

  • @JouDev-e9f
    @JouDev-e9f День тому

    nice bro

  • @programmingtips6400
    @programmingtips6400 6 днів тому

    Awesome tutorial recomended to all specially for those who want to intergrade nativewind version 4

  • @programmingtips6400
    @programmingtips6400 6 днів тому

    awesome tutorial after 3 days searching your tutorial finally save my day

  • @abidzaman666
    @abidzaman666 Місяць тому

    That's a very good tutorial. Can you show us the Phone OTP Authentication in the same process?

  • @vaidhegidinesh3769
    @vaidhegidinesh3769 3 місяці тому

    I need the dots to be displayed below the image . How to do it

  • @arwaali1877
    @arwaali1877 3 місяці тому

    where is the full tutorial ?

  • @khutsomakgantshane9355
    @khutsomakgantshane9355 3 місяці тому

    Thank you bruh dats good and simple to understand

  • @husseinbolch5816
    @husseinbolch5816 4 місяці тому

    t'es le boss

  • @IgnatusForkuo
    @IgnatusForkuo 4 місяці тому

    Bro, thanks a lot. this vid just helped me now..keep it up bro!

  • @GalacticWars-q9g
    @GalacticWars-q9g 4 місяці тому

    bro wtff, what a good video

  • @Xclusivedev
    @Xclusivedev 5 місяців тому

    What's the specification of your PC pls.need a smooth running PC for development like yours

  • @codingmaster5224
    @codingmaster5224 6 місяців тому

    Amazing 🎉❤

  • @aristoteengudi3928
    @aristoteengudi3928 6 місяців тому

    Top Bro , Thanks you

  • @yolxanderjacagonzalez5177
    @yolxanderjacagonzalez5177 6 місяців тому

    best react native + expo + firebase tutorial in youtube right now 👏

  • @hendoitechnologies
    @hendoitechnologies 6 місяців тому

    React Native CLI... from scratch

  • @hendoitechnologies
    @hendoitechnologies 6 місяців тому

    Post more videos about React Native CLI

  • @ageurodriguesdeoliveira8953
    @ageurodriguesdeoliveira8953 6 місяців тому

    Thank you my brother, from Brazil. This Video is simple and objective! It's Amazing :)

  • @Sasha_007
    @Sasha_007 8 місяців тому

    this is not covered... Logs for your project will appear below. Press Ctrl+C to exit. Android Bundled 27535ms (D:\abcd\testAuth\testAuth ode_modules\expo\AppEntry.js) WARN [2024-03-30T09:22:42.171Z] @firebase/auth: Auth (10.10.0): You are initializing Firebase Auth for React Native without providing AsyncStorage. Auth state will default to memory persistence and will not persist between sessions. In order to persist auth state, install the package "@react-native-async-storage/async-storage" and provide it to initializeAuth: import { initializeAuth, getReactNativePersistence } from 'firebase/auth'; import ReactNativeAsyncStorage from '@react-native-async-storage/async-storage'; const auth = initializeAuth(app, { persistence: getReactNativePersistence(ReactNativeAsyncStorage) });

    • @simplyreactnative6567
      @simplyreactnative6567 8 місяців тому

      getReactNativePersistance doesn’t exit in the firebase auth module at the time this video was made could be different now.. To persist the current user, you can use async storage to do that but in a different way. Thank you ☺️

  • @bluewhale.068
    @bluewhale.068 8 місяців тому

    wow nice bro, it's simple no make color

  • @godeons
    @godeons 8 місяців тому

    Amazing video. Please create a video on how to fetch data from Firebase using skeleton effect for the loading state and when data are loaded, skeleton effect disappear

  • @Wa-badeaN
    @Wa-badeaN 8 місяців тому

    what amazing tutorial !! thanks a lot bro

    • @simplyreactnative6567
      @simplyreactnative6567 8 місяців тому

      I’m glad it helped

    • @Wa-badeaN
      @Wa-badeaN 8 місяців тому

      bro can you help with this login ? I'm trying to login after register but it causes this error ERROR ReferenceError: Property 'onAuthStateChanged' doesn't exist@@simplyreactnative6567

  • @abdullahaboayesha
    @abdullahaboayesha 8 місяців тому

    Love your channel as it shows how to make components without libraries, just subscribed, looking forward to this channel being the number one place to go in youtube platform in the world for REACT NATIVE DEVELOPERS who want to know how to create components without use of external libraries, which are blackboxes which no one but Almighty Allah (God in Arabic) knows , how long will be supported by the developers who made them, on top of adding unnecessary code to the react native project . Look forward to more tutorial like this .

  • @NishalH
    @NishalH 8 місяців тому

    reduce the music volume

    • @simplyreactnative6567
      @simplyreactnative6567 8 місяців тому

      Yeah this particular video had a high volume for the music my bad.

  • @fujablack
    @fujablack 8 місяців тому

    Brother i really appreciate all you do, you are my favorite tutor currently, can you please make video on calling of api? get and post requests using axios, i see things like await async promis etc and i don't know where to add them cause when you watch some videos on youtube they inter change it which makes it confusing, can you just make a basic and general way of calling it so people like us will understand step by step meaning of every word then we also write it in our own way. Also, can you please provide the code to this current video? your works looks so clean and readable, can you push to github or something? i would like to see and and study your code please. i'm currently writing t.native, your videos will all be watched by me, please provide the raw code, it will help me grow. Thanks brother

    • @simplyreactnative6567
      @simplyreactnative6567 8 місяців тому

      Sure man however I ready do recommend you take a course on promises. I am trying to focus on the react native aspect of things and not JavaScript itself

    • @fujablack
      @fujablack 8 місяців тому

      thanks for the response, i'll do that @@simplyreactnative6567

  • @fujablack
    @fujablack 8 місяців тому

    Nigerian guy here, thanks my ghanaian brother, i have been struggling with this for two weeks... good video, no unnecessary talks, just straight to the point, thanks my brother... Also, i would love to ask whapp you used in recording and editing before uploading on youtube, i'ld love to be of help to people too... thanks

  • @switchlyrics.
    @switchlyrics. 8 місяців тому

    Good video editing transittions,good tutorial,keep going

  • @popwizzyrossy1791
    @popwizzyrossy1791 8 місяців тому

    Am a beginner... But I always see this Virtualized warning... But after watching this I think my solution is solved.. I just follow you now... I have gain a lot here.

    • @simplyreactnative6567
      @simplyreactnative6567 8 місяців тому

      I’m happy to know my video helped out. ☺️ Let me know if you want me to make a video on a particular topic.

    • @popwizzyrossy1791
      @popwizzyrossy1791 8 місяців тому

      @@simplyreactnative6567 Yes pls if you can make video on how to build an APK app so that you can show your project to people who are willing to employ you..

    • @fujablack
      @fujablack 8 місяців тому

      bro please can you make a video on get and post request using axios... Like the general way of calling and getting api, sometimes i see async, sometimes await, i get confused cause i dont know where to put it cause different people with different method. can you just do a general way of calling it and explain the reason for every word. once peopke like us know the basics and the reason for every line, we will be able to also write it in our own way. What can you recommend for logic writing in javascript, help me my brother, i really wanna turn my life around through coding and im getting old, i really wanna know this so as to feed my family, look at the way you structure your codes here, so beautiful, can i have the raw files to study how you turned it all to component and study your way of writing codes please? maybe you push to github or something. i have started watching all your videos, i am currently writing react native so your videos are gold to me. i want to be writing exactly like you, it looks neat and easy to read. please provide the raw files to this codes in this video, i want to study the carousel, the scrolls etc Thank you brother @@simplyreactnative6567

    • @fujablack
      @fujablack 8 місяців тому

      Brother i really appreciate all you do, you are my favorite tutor currently, can you please make video on calling of api? get and post requests using axios, i see things like await async promis etc and i don't know where to add them cause when you watch some videos on youtube they inter change it which makes it confusing, can you just make a basic and general way of calling it so people like us will understand step by step meaning of every word then we also write it in our own way. Also, can you please provide the code to this current video? your works looks so clean and readable, can you push to github or something? i would like to see and and study your code please. i'm currently writing t.native, your videos will all be watched by me, please provide the raw code, it will help me grow. Thanks brother

  • @GospelMessageTV
    @GospelMessageTV 8 місяців тому

    Nice video. Keep it up

  • @godeons
    @godeons 8 місяців тому

    You're a live saver. Create video on login/signup, keep user logged in, logout in a single video please. Thanks always 🙇

  • @codingmaster5224
    @codingmaster5224 9 місяців тому

    Amazing content king 👑 ❤ much love

  • @timiskiswrld4351
    @timiskiswrld4351 9 місяців тому

    Keep up the good work bro

  • @simplyreactnative6567
    @simplyreactnative6567 9 місяців тому

    Subscribers goal for this video is 10 new subscribers.

  • @godeons
    @godeons 9 місяців тому

    ​@simplyreactnative6567 thanks, you made my day. I will go through the repo and share with you if I have any challenges. Thanks. Just shared your video as a learning resource on twitter

  • @godeons
    @godeons 9 місяців тому

    This is amazing. Am subscribed to your channel and I enjoying your tuts. Please create how to display data from Firebase to flatlist. Looking forward

    • @simplyreactnative6567
      @simplyreactnative6567 9 місяців тому

      Hello, please clone the repo and go through the code you'll see how I'm displaying the todos in the flat list. If it's still not clear I will make a video specially for you walking through

  • @simplyreactnative6567
    @simplyreactnative6567 9 місяців тому

    Subscribers goal for this video is 10 new subscribers. Please kindly subscribe to help grow this channel

  • @godeons
    @godeons 9 місяців тому

    Add tutorial on step by step process to create a flashlist or flatlist and fetch data into the view from api. Thanks

  • @simplyreactnative6567
    @simplyreactnative6567 9 місяців тому

    Subscribers goal for this video is 10 new subscribers. Please kindly like and subscribe to support this channel.

    • @pedrosogata3415
      @pedrosogata3415 6 місяців тому

      The background music is very irritating, it would be better if you could do without.

  • @drideonng1828
    @drideonng1828 10 місяців тому

    I am an absolute beginner in React native and it's looks like you're using TypeScript because your files are with extension (.tsk) while the tutorials I have been following is in (.js) Please create a video on beginners guide to typescript. Your videos are so straightforward. Thanks

  • @godeons
    @godeons 10 місяців тому

    Please create Playlist for Firebase database crud operation: fetch and update You're a good tutor

    • @simplyreactnative6567
      @simplyreactnative6567 10 місяців тому

      I appreciate you. I will make that specially for you.

    • @godeons
      @godeons 10 місяців тому

      Thanks great tutor. Subscribed already. Can't wait to have more of your tutorial and I wish I have found your channel before I now. Thanks for your your good teaching

    • @godeons
      @godeons 10 місяців тому

      Thanks great tutor. Subscribed already. Can't wait to have more of your tutorial and I wish I have found your channel before I now. Thanks for your your good teaching

    • @godeons
      @godeons 10 місяців тому

      Thanks great tutor. Subscribed already. Can't wait to have more of your tutorial and I wish I have found your channel before I now. Thanks for your your good teaching

    • @godeons
      @godeons 10 місяців тому

      Thanks great tutor. Subscribed already. Can't wait to have more of your tutorial and I wish I have found your channel before I now. Thanks for your your good teaching

  • @joeldurand7269
    @joeldurand7269 10 місяців тому

    Why don't you use flatList or flashList (high performance version) to render the array and instead use .map?

    • @simplyreactnative6567
      @simplyreactnative6567 10 місяців тому

      The carousel component uses Flatlist under the hood. But you can use Flashlist when you want something more custom.

    • @joeldurand7269
      @joeldurand7269 10 місяців тому

      oh, thanks!@@simplyreactnative6567

  • @joeldurand7269
    @joeldurand7269 10 місяців тому

    Oh man, this is awesome. Thanks!

  • @williamhenry661
    @williamhenry661 10 місяців тому

    My friend great video! How do you run both simulators at the same time live update them both at the same time. Android and IOS? what are you using to do that?

    • @simplyreactnative6567
      @simplyreactnative6567 10 місяців тому

      I’m using iOS simulator from xcode and screen copy to cast my real android device but you can run an emulator using android studio.

  • @nehat786
    @nehat786 10 місяців тому

    Moti skeleton is amazing

    • @simplyreactnative6567
      @simplyreactnative6567 10 місяців тому

      And it's animations too. I'll make a video on it in the future

    • @angerbadge773
      @angerbadge773 14 днів тому

      @@simplyreactnative6567 yeah i tried the animations with every prop it provides its just awesome

  • @simplyreactnative6567
    @simplyreactnative6567 10 місяців тому

    Subscribers goal for today is 10 new subscribers. Please help grow this community.

  • @vaultofmyths
    @vaultofmyths 10 місяців тому

    How would you do this if you wanted to make your own text component so you dont repeat this code

    • @simplyreactnative6567
      @simplyreactnative6567 10 місяців тому

      Create a text component and set the fonFamily to the custom fontFamily and export and it becomes accessible everywhere

    • @simplyreactnative6567
      @simplyreactnative6567 10 місяців тому

      Watch my darkmode video you will find an example of that.

  • @simplyreactnative6567
    @simplyreactnative6567 10 місяців тому

    Please do me a quick favor and like and subscribe to help this channel grow.

  • @simplyreactnative6567
    @simplyreactnative6567 10 місяців тому

    Subscribers goal for today is 12.

  • @fairyman
    @fairyman 11 місяців тому

    how can i add autuplay and loop

    • @simplyreactnative6567
      @simplyreactnative6567 11 місяців тому

      Set autoplay to true and loop also to true

    • @simplyreactnative6567
      @simplyreactnative6567 11 місяців тому

      Also you can check the documentation for more info. Link is in the description

  • @simplyreactnative6567
    @simplyreactnative6567 11 місяців тому

    Please pardon me for the disturbing noise. I had done so many takes I couldn’t do it again but go with it as it is.

  • @simplyreactnative6567
    @simplyreactnative6567 11 місяців тому

    Our subscribers goal for today is 10 new subscribers