MissCoding
MissCoding
  • Видео 247
  • Просмотров 1 159 282
Animating React Native Views using Animated including Combining Multiple Animations & Interpolation
Hi everyone!
Today I'm showing you the basics of working with Animated in React Native. I will show you how to stop, start and reset an animation. As well as how to animate sequences, loops and in parallel animations. We will focus on how to animate position and use an easing function to do so. We will also look at scale, opacity and colour.
I will show you that you can trigger two separate animations independently so you can run them at the same time but independent of each other, and I will also touch on why we use useRef frequently when animating views to improve performance.
My code for this is available on GitHub:
github.com/chelseafarley/animated-react-native-tutorial
And you can find fu...
Просмотров: 244

Видео

GitHub Copilot for Beginners! How to use GitHub Copilot in Visual Studio Code and Improve Efficiency
Просмотров 12721 час назад
Hi everyone! Today I'm showing you the basics of using Github Copilot with Visual Studio Code to improve your efficiency as a software developer. In this tutorial, I will show you how to generate a Python Flask API endpoint and add additional endpoints. Finally, I will show you a bit of autocomplete and how to add tests. You’ve clearly come here to learn and a free audible trial allows you to i...
How to Implement Swipe to Delete for React Native Lists using Flat List and Animated Views
Просмотров 30821 день назад
Hi everyone! Today I'm showing you how to implement swipe to delete functionality for your React Native Lists using a FlatList component and Animated Views and Translations. We start by implementing a simple FlatList with a ListItem component for rendering list items, then we move to animating list items to show a delete button on swipe left. My code for this is available on GitHub: github.com/...
Persisting Data to UserDefaults for SwiftUI iOS Apps - Simple Todo List First Project for SwiftUI
Просмотров 109Месяц назад
Hi everyone! Today I'm showing you how to add, update, load and delete to do list items using UserDefaults or local storage on your iOS device. We will use SwiftUI to create a textfield and button, alongside a list of items with delete and edit actions enabled. My code for this is available on GitHub: github.com/chelseafarley/SwiftUIUserDefaultsTutorial You’ve clearly come here to learn and a f...
How to Add Navigation to Your SwiftUI iOS Apps // Including Environment Objects and Nav Bar Buttons
Просмотров 1453 месяца назад
Hi everyone! Today I'm showing you how to add navigation to your SwiftUI app. I will show you how to set environment objects that are available across different views, link to different pages, set the navigation bar title, define pages inline alongside their navigation link and how to work with view state and navigation bar buttons! My code for this is available on GitHub: github.com/chelseafar...
How to Open an App from an Expo React Native App using App Linking and Passing Route Parameters
Просмотров 1,8 тыс.3 месяца назад
Hi everyone! Today I'm showing you how to link from one app to another. This will enable you to give your users a good experience by enabling good integration between different apps on the user's phone. I will show you how to open the home page, how to open to a specific page and also how to pass route parameters. My code for this is available on GitHub: github.com/chelseafarley/expo-linked-to ...
How to Open Visual Studio Code from Mac Terminal // Improving Your Dev Productivity
Просмотров 1,5 тыс.5 месяцев назад
Hi everyone! Today I'm showing you how to open visual studio code from a mac terminal. I will specifically focus on showing you how to open the current directory. But you can replace "." with your directory path if you are wanting to open an alternative directory. This will help you as a developer in terms of productivity and help you avoid manually opening and selecting a folder in visual stud...
How to Download File, Pause, Resume and Save to File System for Expo React Native Apps
Просмотров 2 тыс.5 месяцев назад
Hi everyone! Today I'm showing you how to download a file, pause, resume and save to your device's file system for Expo React Native Apps. We will use the following packages to achieve this: * expo-file-system: for downloading, pausing, resuming and saving to the file system for Android devices, using StorageAccessFramework * @react-native-async-storage/async-storage: for ensuring if we exit an...
Add Facebook Login to Your Expo React Native Apps using react-native-fbsdk-next + Graph Requests
Просмотров 4,5 тыс.5 месяцев назад
Hi everyone! Today I'm showing you how to add Facebook login to your Expo React Native Apps using react-native-fbsdk-next. This is a package that allows you to configure your app to login with Facebook from expo react native apps without ejecting, and is effectively a wrapper for the Facebook SDK. It does this using config plugins. I will also show you how to share content e.g. a link and make ...
Dev Productivity Tools - Rectangle the Free Windows Manager for Mac
Просмотров 1376 месяцев назад
Hi everyone! Today I'm sharing with you a productivity tool for devs using Macs. This is the Rectangle app, which helps you manage your windows and move them around using either recommended or custom keyboard shortcuts. It is a great way to spend more time on the keys and less time fiddling around with the sizing of windows using the mouse. And you can find the download link here: rectangleapp....
Kubecon + Cloud Native Con - My First Big American Conference - Thoughts & Takeaways
Просмотров 826 месяцев назад
Hi everyone! Today I'm sharing my experience at Kubecon Cloud Native Con as a Dan Kohn Scholar. To read The Kubernetes Book, which I highly recommend for beginners... You can buy it on Amazon, as a physical or digital copy: amzn.to/3GNVEH1 Alternatively, you can get it with a free credit on a free audible trial below. You’ve clearly come here to learn and a free audible trial allows you to incr...
How to Authenticate with Firebase and Google for Expo React Native Apps using Google-Signin plugin
Просмотров 14 тыс.7 месяцев назад
Hi everyone! Today I'm showing you how to add Google authentication to your expo react native apps using the google-signin config plugin. I will be doing this via Google directly, with Firebase. This is the latest method for authenticating with Google, if you're interested in past methods you can view my prior videos on Google auth for Expo react native apps. I will also show you how to use eas...
How to Authenticate with Google for Expo React Native Apps using Google-Signin Config Plugin LATEST
Просмотров 15 тыс.7 месяцев назад
Hi everyone! Today I'm showing you how to add Google authentication to your expo react native apps using the google-signin config plugin. I will be doing this via Google directly, without Firebase. I will likely show a Firebase example in the future so let me know if you're interested. This is the latest method for authenticating with Google, if you're interested in past methods you can view my...
Beginners Guide to using VStack, Hstack and ZStack for Layouts in SwiftUI iOS Apps
Просмотров 838 месяцев назад
Hi everyone, today I’m showing you how to do basic layouts using HStack, ZStack and VStack in SwiftUI iOS apps. You’ve clearly come here to learn and a free audible trial allows you to increase your learning potential in situations where you may be hands free like at the gym or on your commute. It allows you to spend more time on theory when you aren’t able to watch a screen, so that you can ma...
Storing Data Securely on Your Expo React Native App using Expo Secure Store
Просмотров 3,3 тыс.8 месяцев назад
Storing Data Securely on Your Expo React Native App using Expo Secure Store
How to Embed a Google Form in Your React Native App - Gather User Input without a Backend
Просмотров 8999 месяцев назад
How to Embed a Google Form in Your React Native App - Gather User Input without a Backend
How to Get IP Address and Network State in Expo React Native Apps
Просмотров 1,3 тыс.9 месяцев назад
How to Get IP Address and Network State in Expo React Native Apps
Automation Testing for Swift iOS Apps - Unit Tests, UI Tests and Performance Tests with XCTest
Просмотров 1,6 тыс.9 месяцев назад
Automation Testing for Swift iOS Apps - Unit Tests, UI Tests and Performance Tests with XCTest
How to Run Jest Automation Tests on Push, Pull Request or Manual Trigger for GitHub Actions
Просмотров 97810 месяцев назад
How to Run Jest Automation Tests on Push, Pull Request or Manual Trigger for GitHub Actions
How to Create a Free App Marketing Website in 5 minutes with No Code and Canva Websites
Просмотров 22810 месяцев назад
How to Create a Free App Marketing Website in 5 minutes with No Code and Canva Websites
Automation Testing for Expo React Native Apps with Jest and React Native Testing Library
Просмотров 11 тыс.10 месяцев назад
Automation Testing for Expo React Native Apps with Jest and React Native Testing Library
Create Reusable Styles with SwiftUI Custom Modifiers and View Extensions for iOS Apps
Просмотров 22410 месяцев назад
Create Reusable Styles with SwiftUI Custom Modifiers and View Extensions for iOS Apps
How to Create a Reusable Custom View in Swift using SwiftUI for iOS Apps
Просмотров 16510 месяцев назад
How to Create a Reusable Custom View in Swift using SwiftUI for iOS Apps
How To Create A Repeating Background For A Side-scrolling Mobile Game In Affinity Designer 2
Просмотров 13111 месяцев назад
How To Create A Repeating Background For A Side-scrolling Mobile Game In Affinity Designer 2
How to Add a Date Time Picker Component to your React Native Apps
Просмотров 13 тыс.11 месяцев назад
How to Add a Date Time Picker Component to your React Native Apps
How to Add a Text Field to SwiftUI iOS Apps and Get The Value Back Out!
Просмотров 18611 месяцев назад
How to Add a Text Field to SwiftUI iOS Apps and Get The Value Back Out!
How to Add Ellipses to Text Component and Truncate Text in React Native Apps - With Ellipsize Mode!
Просмотров 1,7 тыс.11 месяцев назад
How to Add Ellipses to Text Component and Truncate Text in React Native Apps - With Ellipsize Mode!
How to Add a Button and State Variable to Your iOS App using SwiftUI Declarative Interface
Просмотров 10411 месяцев назад
How to Add a Button and State Variable to Your iOS App using SwiftUI Declarative Interface
Free Tools for Learning SQL and Get Certificates for LinkedIn - SQL Climber
Просмотров 12711 месяцев назад
Free Tools for Learning SQL and Get Certificates for LinkedIn - SQL Climber
How to Add a Custom Font to Text for Your SwiftUI iOS App
Просмотров 2,8 тыс.11 месяцев назад
How to Add a Custom Font to Text for Your SwiftUI iOS App

Комментарии

  • @trigga3085
    @trigga3085 2 дня назад

    This helped a lot, thank you very much

  • @rajRaj-tc5gl
    @rajRaj-tc5gl 4 дня назад

    thank you very very much! i want to pause automatically when app goes to inactive without pausing, is it possible what about when the app goes to background i tries using rn-fetch-blob, resulted files where currupted

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

    Thank you. There is one issue though, the `@react-native-google-signin/google-signin` library won't work on the Expo web app. I get the error "RNGoogleSignIn: you are calling a not-implemented method on web platform." How do you implement Google Sign-in on Expo's web app?

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

    Very informative

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

    Great 🎉

  • @arvin_mah
    @arvin_mah 5 дней назад

    I there a way to stop the popup permission on each login? I have this setup and each time will ask the user for permission on every single login. even if they give permission at the first login.

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

    From this example, do you send mail directly through web mail intermediaries such as gmail, yahoo,...?

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

    When I log in, the user isn't saved in the list of Users in Firebase Authentication. Is the login function missing something or did I do something wrong? ``` const signInWithGoogle = async () => { try { await GoogleSignin.hasPlayServices(); const user = await GoogleSignin.signIn(); setUserInfo(user); } catch (error) { setError(error); } }; ```

  • @nikitoohigh
    @nikitoohigh 7 дней назад

    Thank you so much! That's the only one solution with no using another libraries that I found on RUclips

  • @gabrielbianchi2246
    @gabrielbianchi2246 9 дней назад

    Hi @MissCoding, thank you so much for this video. I have to say, I am confused. Why did you in your past video use the "expo-auth-session/providers/google" and in this video you are using the "@react-native-google-signin/google-signin" package. The docs are very confusing about these two packages existing.

  • @javascriptbyemeka
    @javascriptbyemeka 9 дней назад

    for test users. you have to invite testers.

  • @levitica2017
    @levitica2017 10 дней назад

    Is it still possible to run your app on Expo Go after this? I get that the google sign-in will only work in a build but if i want to keep testing my app with Expo Go what can I do?

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

    How we can add the tip amount ? and one more thing can we make our custom form for the checkout. where we can get the form data and put this info to the stripe in backend in .net core web api and react ?

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

    Hi, Will you be creating an updated version of this to show how we can integrate ads within the 2024 changes in expo app? Or would you have any resource you can refer me to?

  • @user-tz8mk6gu4w
    @user-tz8mk6gu4w 14 дней назад

    Thank you for sharing! This tutorial helped me get this implemented in my app.

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

    very nice intro, would love to see you dive into more complex tests

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

    Is it still relevant or somethings changed ??

  • @mr.tatouh
    @mr.tatouh 15 дней назад

    You're a legend

  • @MKJraju
    @MKJraju 16 дней назад

    Hi I'm getting below error in Simulator 15. Please help me Received an error while accessing com.apple.speech.localspeechrecognition service: Error Domain=kAFAssistantErrorDomain Code=1101 "(null)"

  • @gkumartube
    @gkumartube 17 дней назад

    Thanks

  • @cypriankumiamponsah452
    @cypriankumiamponsah452 18 дней назад

    Thank you so much

  • @genxindia1154
    @genxindia1154 18 дней назад

    Love you, this helps

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

    Awesome!

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

    keep getting ERROR Video loading error: ke.a0$d: java.net.ProtocolException: unexpected end of stream . url i use work fine in browser

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

    thank you it is very useful but can you update it with the new functionalities of expo-sqlite? thank you, i'm stuggling with the documentation, more promesses are made and they added sync and async to functions. Thank you!

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

    hi, why am i getting "Cannot read properties of undefined (reading NativeModule)"?

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

    Hi, your video helped me a lot. Thank you very much!

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

    Thank you! You're a lifesaver!!!

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

    it says that neither of those async methods are available on android (.hideAsync() or .preventAutoHideAsync()).

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

    thx! works now..

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

    Perfect timing with this video, it's just what I needed thanks! Would be great if you could show how you would handle a drag to reorder in a FlatList combined with this delete functionality

  • @Boameooo1000
    @Boameooo1000 23 дня назад

    Thanks for your material, it helped me setup React Native Firebase, which I intend to use for FCM and others.

  • @kdpalekar5174
    @kdpalekar5174 23 дня назад

    Thank You.

  • @AllahomAnsorGaza
    @AllahomAnsorGaza 25 дней назад

    with expo we must press SEND there is way to send automatically from expo app ?

  • @kapilbadokar
    @kapilbadokar 25 дней назад

    I am getting this error => ERROR Invariant Violation: TurboModuleRegistry.getEnforcing(...): 'RNGoogleSignin' could not be found. Verify that a module by this name is registered in the native binary.Bridgeless mode: false. TurboModule interop: false. Modules loaded: {"NativeModules":["PlatformConstants","LogBox","SourceCode","Timing","AppState","BlobModule","WebSocketModule","DevSettings","DevToolsSettingsManager","Networking","Appearance","DevLoadingView","HeadlessJsTaskSupport","DeviceInfo","UIManager","DeviceEventManager","NativeAnimatedModule","SoundManager","I18nManager","RNC_AsyncSQLiteDBStorage"],"TurboModules":[],"NotFound":["NativePerformanceCxx","NativePerformanceObserverCxx","RedBox","BugReporting","RNCSafeAreaContext","PlatformLocalStorage","RNGoogleSignin"]}, js engine: hermes ERROR Invariant Violation: "main" has not been registered. This can happen if: * Metro (the local dev server) is run from the wrong folder. Check if Metro is running, stop it and restart it in the current project. * A module failed to load due to an error and `AppRegistry.registerComponent` wasn't called., js engine: hermes

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

    Very useful! Cool. thank you

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

    you are a blessing, many kisses from a new fan and a definite admirer 😙😙😙

  • @LokeshKumar-ch2uk
    @LokeshKumar-ch2uk 29 дней назад

    Thanks for making such a detailed video, I am a beginner and this is exactly what I needed. Keep up the good work :D

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

    thanks to you very very , that android saving file in shared storage was very helpfull for me

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

    Amazing channel!! +sub

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

    Cool! Thank you!

  • @emotion_modulation-gd4gr
    @emotion_modulation-gd4gr Месяц назад

    really like the flow/structure and your way of explaining things, thank you, and keep going!

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

    Does this still work?

  • @CarlosHernandez-gc9kz
    @CarlosHernandez-gc9kz Месяц назад

    Thanks it works

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

    This was the simplest way to implement FB login. Thanks!

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

    Where can i start i talk to a couole boot camps but there are so many types of certifications to pick from

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

    Can you make a video on universal linking and app links with expo-router? I've been trying to get that working but haven't had any luck. Like sharing a link from my app to a user on Whatsapp, when h/she taps the link, it should load my app on their phone or head to Play store if app not installed.

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

    muchas gracias, muy bien la explicación. Bendiciones

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

    Solution for IOS App Crashing: Remove the iosClientID and use the webclientId alone. This solved the app crashing.

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

    Thank you so muhc much for this. this is the only google auth tutorial that actually works. i spent weeks trying to make it work. guys if you got any errors please follow the video closely because i just finished the to tutorial and everything worked perfectly