- Видео 253
- Просмотров 1 330 911
MissCoding
Новая Зеландия
Добавлен 23 май 2018
Welcome to MissCoding!
I'm going to share with you all sorts of software development related tutorials and opinions. Subscribe and learn with me!
For my most important links:
linktr.ee/misscoding
You can also find my blogs on tech, business, finance and everything life has to offer on my personal website:
www.ohchelsea.com
If you're looking to support me, you can watch some more videos, comment and like my videos or checkout my online store for software related digital products. Alternatively, sign up for a free audible trial via my linktree above as I earn affiliate income for this and it costs you nothing to try ❤️
DISCLAIMER: Links included in this description might be affiliate links. If you purchase a product or service with the links that I provide I may receive a small commission. There is no additional charge to you! Thank you for supporting my channel so I can continue to provide you with free content each week!
I'm going to share with you all sorts of software development related tutorials and opinions. Subscribe and learn with me!
For my most important links:
linktr.ee/misscoding
You can also find my blogs on tech, business, finance and everything life has to offer on my personal website:
www.ohchelsea.com
If you're looking to support me, you can watch some more videos, comment and like my videos or checkout my online store for software related digital products. Alternatively, sign up for a free audible trial via my linktree above as I earn affiliate income for this and it costs you nothing to try ❤️
DISCLAIMER: Links included in this description might be affiliate links. If you purchase a product or service with the links that I provide I may receive a small commission. There is no additional charge to you! Thank you for supporting my channel so I can continue to provide you with free content each week!
Screen Orientation and Changing Layouts in Expo React Native Apps
Hi everyone!
Today I'm showing you how to listen for screen orientation changes in your Expo react native app. I will also show you how to set an initial default and get the current state of screen orientation to help you deliver a better experience for your users. We will look at how to adjust layouts when changing from portrait to landscape and vice versa for the simple example of changing whether buttons are displayed in a row or column.
My code for this is available on GitHub:
github.com/chelseafarley/orientation-expo-tutorial
And you can find full documentation on expo-screen-orientation here:
docs.expo.dev/versions/latest/sdk/screen-orientation
You’ve clearly come here to learn and a free...
Today I'm showing you how to listen for screen orientation changes in your Expo react native app. I will also show you how to set an initial default and get the current state of screen orientation to help you deliver a better experience for your users. We will look at how to adjust layouts when changing from portrait to landscape and vice versa for the simple example of changing whether buttons are displayed in a row or column.
My code for this is available on GitHub:
github.com/chelseafarley/orientation-expo-tutorial
And you can find full documentation on expo-screen-orientation here:
docs.expo.dev/versions/latest/sdk/screen-orientation
You’ve clearly come here to learn and a free...
Просмотров: 73
Видео
How to Get, Add, Update, Delete & Share Contacts for your Expo React Native Apps on iOS and Android
Просмотров 5852 месяца назад
Hi everyone! Today I'm showing you how to get, add, update, delete & share contacts for your Expo React Native Apps on iOS and Android. We will do this using the expo-contacts package. My code for this is available on GitHub: github.com/chelseafarley/contacts-react-native-tutorial And you can find full documentation for expo-contacts here: docs.expo.dev/versions/latest/sdk/contacts/ You’ve clea...
Create App Icons, Splash Screens and Favicons and Update these Assets for your Expo React Native App
Просмотров 9682 месяца назад
Hi everyone! Today I'm showing you how to create your own app assets including app icons, splash screens and favicons. I will also show you how to update these inside your Expo app. My code for this is available on GitHub: github.com/chelseafarley/assets-react-native-tutorial And you can find full documentation on the splash screen here: docs.expo.dev/versions/latest/sdk/splash-screen/ You’ve c...
React Native Image - Resize Mode, Image Source, Accessibility and Blur Radius
Просмотров 4973 месяца назад
Hi everyone! Today I'm showing you how to use a react native image in your app. We will cover different resize modes such as stretch, cover, contain and repeat. We will also cover blur radius and sizing of images along with different types of sources for images. This is applicable to any type of react native app, although I will be demoing this using Expo as I find it a good way to get up an ru...
Creating, Finding and Adding Animated Images to your React Native App with Lottie to Elevate UX
Просмотров 2724 месяца назад
Hi everyone! Today I'm showing you how to use Lottie to find and create animations to elevate your apps to the next level and provide an immersive user experience. With Lottie you can create animations on the web, download a JSON file and use it in your React Native app, and best of all... It's free! Let's get creating wonderful apps for our users. My code for this is available on GitHub: githu...
Dismiss Keyboard Programmatically and Subscribe and Unsubscribe to Keyboard Events for React Native
Просмотров 2274 месяца назад
Hi everyone! Today I'm showing you how to dismiss your Keyboard programmatically and subscribe and unsubscribe to events in React Native. My code for this is available on GitHub: github.com/chelseafarley/keyboard-react-native-tutorial And you can find full documentation here: reactnative.dev/docs/keyboard You’ve clearly come here to learn and a free audible trial allows you to increase your lea...
Animating React Native Views using Animated including Combining Multiple Animations & Interpolation
Просмотров 4724 месяца назад
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 ani...
GitHub Copilot for Beginners! How to use GitHub Copilot in Visual Studio Code and Improve Efficiency
Просмотров 2594 месяца назад
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
Просмотров 1,9 тыс.5 месяцев назад
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
Просмотров 1796 месяцев назад
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
Просмотров 3587 месяцев назад
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
Просмотров 4,4 тыс.8 месяцев назад
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
Просмотров 4,9 тыс.9 месяцев назад
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
Просмотров 3,4 тыс.9 месяцев назад
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
Просмотров 7 тыс.10 месяцев назад
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
Просмотров 14610 месяцев назад
Dev Productivity Tools - Rectangle the Free Windows Manager for Mac
Kubecon + Cloud Native Con - My First Big American Conference - Thoughts & Takeaways
Просмотров 9411 месяцев назад
Kubecon Cloud Native Con - My First Big American Conference - Thoughts & Takeaways
How to Authenticate with Firebase and Google for Expo React Native Apps using Google-Signin plugin
Просмотров 21 тыс.11 месяцев назад
How to Authenticate with Firebase and Google for Expo React Native Apps using Google-Signin plugin
How to Authenticate with Google for Expo React Native Apps using Google-Signin Config Plugin LATEST
Просмотров 22 тыс.Год назад
How to Authenticate with Google for Expo React Native Apps using Google-Signin Config Plugin LATEST
Beginners Guide to using VStack, Hstack and ZStack for Layouts in SwiftUI iOS Apps
Просмотров 109Год назад
Beginners Guide to using VStack, Hstack and ZStack for Layouts in SwiftUI iOS Apps
Storing Data Securely on Your Expo React Native App using Expo Secure Store
Просмотров 5 тыс.Год назад
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
Просмотров 1,2 тыс.Год назад
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,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
Просмотров 2,6 тыс.Год назад
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
Просмотров 1,3 тыс.Год назад
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
Просмотров 240Год назад
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
Просмотров 15 тыс.Год назад
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
Просмотров 275Год назад
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
Просмотров 318Год назад
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
Просмотров 174Год назад
How To Create A Repeating Background For A Side-scrolling Mobile Game In Affinity Designer 2
do i have to add anything in Podfile? as its saying "The Swift pod FirebaseFirestore depends upon FirebaseCoreExtension and FirebaseFirestoreInternal, which do not define modules. To opt into those targets generating module maps (which is necessary to import them from Swift when building as static libraries), you may set use_modular_headers! globally in your Podfile, or specify :modular_headers => true for particular dependencies. "
thank you ..........theres been some updates since this video but was still able to guide me
Great video! Clear, concise and to the point. Thank you!
Your videos are really helpful ! Keep up the good work !
gracias hermosa mujer :D
I thought it would show 0 to 23 for hours, with "is24Hour=true", and not AM/PM
Please make a video about installation and setup for expo react native😖
Thanks for the nice video. Can you show how the server side API validates identity token?
HOW DO YOU DEPLOY A GRPC SERVER??
Almost said SClub instead of Expo at the start XD
thank alot MissCoding
Thanks for the great video! The one issue I ran into is that implementing this made it difficult to scroll on the Flatlist. Is there any way to get around this?
thank you so much that was very helpful.
The problem is when languages behave rtl 😢😢😢
This app has crashed because it attempted to access privacy-sensitive data without a usage description. The app's Info.plist must contain an NSUserTrackingUsageDescription key with a string value explaining to the user how the app uses this data.
You are great ! i was trying to get hash key using (keytool -exportcert -alias ..) but was not successful login after i watch your vids it works perfect. Thank You
Great video. Thank you
thankyou
Unfortunately, Expo moves so fast that nothing from this video works now. Even `expo` as a command is deprecated. Not to mention expo-sqlite had an overhaul.
Hey do you know some place that made this (sqlite crud in js for react native)but with the new update? I tried to follow the new expo-sqlite doc but I'm still new with this and cant do it by myself with just the documentation to follow
Love your tutorials! So well explained. Thank you fellow kiwi! Subscribed
Love your tutorials!!! Question, how did you find out that the openDatabase func looks in the SQLite directory. I didnt see that anywhere in the docs, and I was looking forever. ahah.
Thanks
I'm running into an issue with xcode 15.2 where the baseline is not adhering to the threshold I'm setting. Even after i define a baseline it continues displaying, "No baseline set". If the tests exceeds the baseline it's not failing. So I'm not sure how to resolve this. Any help would be greatly appreciated.
Thank you!
adding the website static pages to a separate git repo + as a git submodule is so clever!
Great tutorial! Learning this for the first time is overwhelming so thanks for the thorough introduction
GoogleSigninButton is not recognized , can not read property of .. -> chatGPT: GoogleSigninButton is not supported anymore
those expo default icons not avilable in windows operating system , i think its available in mac system
wow.. Can you please make it like.. if i want to put stickers on face. or cheeks.. ?
It does not work if you using development build
My fb app is bussiness, I can't use it, i want get my page, any ideas to help me?
how do i bypass this null for first and last name ?
👍GOOD JOB
q
Whare the steps when doing production build?
It is working on Android development but not Android production for me, same for you ?
thank you for your videos!
È possibile inserire al posto di Apple maps la mappa di open street map?
For the ones that say that it is not working, just ensure to follow all the steps. It is working for me as Sept 29-2024. Thank you Chelsea!
Is it working on Android PRODUCTION profile for you ?
i am using android development build and getting the Invarient Violation error do you know anything about it
They should add your voice as an option because you have a lovely accent.
You are the best! Thank you so much ❤
What a nice React Native channel! I will definitely look around! 🙂
Hello, when I try to login in it gives me an error 400: invalid_request Access blocked: Authorization error. Any times on how to resolve this?
Would you tell us how to use .lottie files too in react native? The current documentation is scanty.
When I add the library and flow the steps it faild to load on web is there a way To work on the web even no need the pdf just to work
greet.proto:7:17: "HelloRequest" is not defined. greet.proto:7:40: "HelloReply" is not defined. greet.proto:10:24: "HelloRequest" is not defined. greet.proto:10:47: "HelloReply" is not defined. greet.proto:13:37: "HelloRequest" is not defined. greet.proto:13:60: "DelayedReply" is not defined. greet.proto:16:25: "HelloRequest" is not defined. greet.proto:16:55: "HelloReply" is not defined.
Lots of details are being glossed over here and many are outdated as of Sep 2024
It's really working. Thank you miss
I have a question. Can we use this to trigger a deep link when the app is closed?
EAS cloud build adds a thick white border to my app icon. Any suggestions?
Hay de esto pero para React NAtive Cli? No encuentro una libreria que funcione..