- 91
- 144 076
Siso Dev
Приєднався 13 бер 2022
Welcome to our channel! We are a team of developers and educators dedicated to bringing you the best and most up-to-date content on React Native. Whether you're a beginner looking to learn the basics or an experienced developer wanting to stay current with the latest techniques, we've got you covered. Our videos cover a wide range of topics, from getting started with React Native to building complex applications. We also share interesting and informative content about the React Native ecosystem and the latest trends in mobile development. Subscribe to our channel and join our community of React Native enthusiasts today!
Building Better Native Modules with Nitro
In this conversation we focus on Nitro Modules, a new open-source library for building native React Native modules. The conversation explores the benefits of Nitro Modules over other existing methods, including Turbo Modules and Expo Modules. Specifically, the discussion highlights Nitro Modules' improved performance, simpler API, and the ability to leverage native Swift and Kotlin features. Mark also outlines the unique challenges and solutions he encountered during its development, especially in dealing with C++ and Swift interoperability. The episode concludes with a look toward the future of Nitro Modules, including plans for a template to make it easier for developers to get started with the library.
Переглядів: 89
Відео
Developers' Top Picks: React Native Styling Libraries Explored
Переглядів 5514 днів тому
In this episode, we dive into the world of React Native styling libraries to uncover the preferences and insights of developers. We explore the most popular choices, including NativeWind, StyleSheet, Unistyles, and Tamagui, discussing their features, benefits, and the reasons behind their popularity. We highlight how NativeWind has emerged as a favorite among developers for its integration of T...
Battle for the React Native Throne: Expo vs. OneJS
Переглядів 17921 день тому
In this suspenseful episode, we dive into the high-stakes rivalry between Expo and the new framework OneStack. What happens when a newcomer forks the beloved Expo Router? We explore the fiery "KINDERGARTEN LEVEL" insult, the ethical gray areas of open-source, and the looming shadow of Vercel’s dominance with Next.js. Will the React Native community face a split, and who will rise as the hero or...
Don’t Let Siri Skip Your React Native App
Переглядів 62Місяць тому
In this episode, we dive into why React Native developers can no longer afford to ignore Apple’s new App Intents API. With Apple’s enhanced focus on AI and intelligent app integration, Siri, Spotlight, and Shortcuts are becoming key tools in app discoverability. But here’s the catch: if your app isn’t optimized for these intelligent features, it risks becoming invisible to users. We’ll explore ...
Expo DOM elements? Why should I care?
Переглядів 66Місяць тому
Podcast Overview: Exploring Expo DOM Components for React Native Apps Welcome to our podcast, where we dive deep into Expo's documentation on rendering React DOM elements in native apps. In this episode, we’ll explore how to effectively use the 'use dom' directive to integrate web components seamlessly into your Expo native environment. Key Topics Covered: Prerequisites for Using Expo DOM Compo...
"One" a new framework and "Zero". Lets talk about them.
Переглядів 87Місяць тому
The speaker introduces "One," a new framework for building cross-platform web and native applications. They highlight how "One" allows developers to share code between different types of applications while maintaining high performance. The speaker demonstrates the framework by building a social network demo, showcasing features like server-side rendering, zero-query integration for data fetchin...
This is big! Expo SDK 52 beta is now available
Переглядів 723Місяць тому
Expo SDK 52 beta is now available and includes React Native 0.76, the New Architecture, several new libraries, and significant updates to existing libraries, including expo-video, expo-audio, and expo-file-system. The beta period is an opportunity for developers to test the new features and ensure compatibility with their projects before the stable release. The release also features improved de...
Changes introduced in React Native 0.76
Переглядів 524Місяць тому
Summary React Native version 0.76 is a major update that introduces several new features and changes, including the New Architecture by default, which is a significant rewrite of the framework's internals designed for improved performance and stability. It also introduces React Native DevTools, a browser-based debugging tool that provides a more unified and comprehensive development experience....
React-Strict-DOM what's the hype?
Переглядів 8809 місяців тому
Let's take a first look at React Strict DoM, a new improvement to the way we build crossplatform apps with react and react native #webdevelopment #programming #thecodereport 💬 Chat with Me on Discord discord.gg/_siso 🔗 Resources szymonrybczak Blog Post szymonrybczak.dev/blog/react-strict-dom Support Sisodev Gumroad: questerstudios.gumroad.com/l/ipfcd?_gl=1*1xpf868*_ga*MTg5OTE2NzI5Mi4xNzAxMjA2ND...
Airbnb's Categories UI in React Native Web
Переглядів 2539 місяців тому
Code: www.sisodev.com/blogs/airbnb-clone-expo-web Test site: airbnb-test.netlify.app/ P.S. Don't forget to subscribe for more tech tutorials and coding adventures! #airbnb #reactnative #webdev #coding #tutorial #ui #design #web #clone #frontend #development
Airbnb clone UI with React Native for Web
Переглядів 4029 місяців тому
code: www.sisodev.com/blogs/airbnb-clone-expo-web Test site: airbnb-test.netlify.app/ Check the other video:ua-cam.com/video/Luhj-bmfCNk/v-deo.html&ab_channel=Siso-QuesterStudios Unleash Your Inner Host: Build an Airbnb Clone UI with React Native for Web! Ready to disrupt the hospitality world? In this comprehensive video, we'll guide you through crafting a stunning Airbnb clone user interface ...
Dragging with React Native Skia
Переглядів 78910 місяців тому
Link to code: www.sisodev.com/blogs/drag-with-react-native-skia Hey everyone, welcome to this tutorial on creating a draggable circle using React Native Skia! In this tutorial, we'll be building a simple app that allows you to move a red circle around the screen using touch gestures. We'll leverage the power of React Native Skia to create smooth and performant animations, and we'll also use Rea...
Is This Native or Web? React Native for Web Breaks the Boundaries
Переглядів 4,1 тис.10 місяців тому
Link to github code: sisodev.com/blogs/react-native-web-airbnb-clone Airbnb Comes to the Web: Experience Native Performance with React Native! Ever dreamed of building an Airbnb-like web app with the smooth performance and intuitive feel of a native mobile app? Now you can, thanks to the power of React Native! ✨ In this showcase video, we'll take you on a journey through the process of building...
React Native Skottie vs Lottie
Переглядів 43710 місяців тому
Link to the code: sisodev.com/blogs/react-native-skottie-vs-lottie Install react native skottie: ua-cam.com/video/Fz0tJqjcciU/v-deo.html Lottie React Native vs React Native Skottie Both Lottie React Native and React Native Skottie are libraries for adding Lottie animations to your React Native app. However, they have some key differences. Lottie React Native More mature and feature-rich: Lottie...
React Native Skottie? Lets try it.
Переглядів 68810 місяців тому
Link to the code: sisodev.vercel.app/blogs/react-native-skottie Supercharge Your Lottie Animations with Skottie in Skia! Tired of sluggish animations and high CPU usage? Say hello to Skottie, the high-performance library for running Lottie animations in Skia! Here's what you can expect: Blazing-fast animations: Skottie leverages Skia's GPU acceleration, giving you smooth, high frame rate animat...
React Native Todo App 2024: No external libraries
Переглядів 55010 місяців тому
React Native Todo App 2024: No external libraries
Next.js: The Future of React Native for Web 🚀
Переглядів 4,6 тис.Рік тому
Next.js: The Future of React Native for Web 🚀
Target ios, android and web with Expo | Beginners Tutorial
Переглядів 152Рік тому
Target ios, android and web with Expo | Beginners Tutorial
React Native Weekly Ep 08: Instagram Threads is 1% React Native ಠ_ಠ
Переглядів 110Рік тому
React Native Weekly Ep 08: Instagram Threads is 1% React Native ಠ_ಠ
React Native Weekly Ep 07: Expo SDK 49 beta is out
Переглядів 158Рік тому
React Native Weekly Ep 07: Expo SDK 49 beta is out
React Native Weekly Ep 06: Apple vision pro SDK
Переглядів 355Рік тому
React Native Weekly Ep 06: Apple vision pro SDK
Implementing swipeable rows in React Native
Переглядів 2,7 тис.Рік тому
Implementing swipeable rows in React Native
React Native Pan Gesture with gesture-handler
Переглядів 3,1 тис.Рік тому
React Native Pan Gesture with gesture-handler
React Native Weekly Ep 05: The end of React Native?
Переглядів 75Рік тому
React Native Weekly Ep 05: The end of React Native?
React Native Weekly Ep 04: Apple Vision Pro with React Native?
Переглядів 797Рік тому
React Native Weekly Ep 04: Apple Vision Pro with React Native?
Can someone share the PODFILE for ios ? and gradle for android ?
If you're using android, do NOT use <View>, instead wrap it in <GestureHandleRootView style={{ flex: 1}}> or else it will not work.
Next level wow
Cool Dude
Genuinely curious, is this one LLM bot talking to another?
yes
Absolutely
lmao we got AI podcasts now
🤣.... yes or nay? The tutorials are 💯 human.
it is useless I attempted it but it doesn't give the entire code for all functions states, and so only the styles design useleeeeeeeees
Yeah nowadays with LLM's so go it easy to just import the designs to claude or chatgpt. You'll get much better code.
can multiple image share possible?
Yes, it is possible
@@questerstudio give the video on about multiple image share
@@techduniya2246 say please
Very interesting, thanks. This is Kotlin yes, as opposed to Kotlin Multi-Platform? The React Native way seems to hide (abstract away, I suppose, and necessarily) all the internals (libraries, packages, classes) that actually are used by the Android JVM when it's running the application. I suppose whether one thinks that's a good or a bad thing may depend on whether one comes from a React/JS FE background or a Java/Kotlin BE background. I come from the latter. I was literally was about 15 mins into a React Native crash course when I saw your video, and now I'm thinking I may prefer instead to go with KMP.
💯
@questerstudio Which software or service did you use to display the CPU and RAM usage on the top line?
On the app store: Usage: System Activity Monitor
Hi great explanation, i followed your code and i am facing an issue I have data in my RNSharedWidget.m file. But it is not reflecting in My widget file. Both app groups are same.
Everything works fine with me, but after changing the icon I’m not receiving any feedbacks (alert) that show after the change “you have changed the icon for….”
Isn't it good that there is no alert? I think users would like to not have to click on "ok" everytime.
@@Adrian-1712 I think it would be better for the UX to provide some kind of visual feedback (preferably using a native approach) to assure users that their request (e.g., changing the icon) has been successfully completed.
@@br19_yt I like that too, but can't you implement it in your app without a popup? I mean something like, if you changed the icon, that some kind of border is around the selected icon?
@@Adrian-1712 yes that is what I did exactly 👍
Bro try to speak local if you are not good in english ..
Great content!
Have you tried next.js with expo? If yes then which approach do you think is better
It is better but a bit fragmented. Its best to usage a framework like Solito for that.
thank you for the video can you pls explain more deeply how its working..
Great video! Thanks bro!
Starts at 8:00
not working i am using react js as webview url
It won't work for reactjs
fantastic man! I can't wait.. it will be nice to see something for the web.. like multi-platform.. web and mobile!
this is just great!! I can't wait to go through the entire tutorial.. :)
super fantastic man! It will be great to see a series on the web and mobile at the same time.. There is almos nothing on the subject.. you see a lot on mobile with react native but not on the web
you saved my life!
source code ??
thanks man!
really nice job , thanks a lot
Could you please upload next video? Thank for your sharing. Awsome content
One thing you haven’t included is that react native uses the metro bundler to bundle and build out the main bundle js that’s running on the device. You can improve the bundling performance by switching metro from using a node runtime to bun, this would require a build phase change inside of Xcode.
Does anyone know what package I can use for face detection with this camera package? I get an error with vision-camera-face-detector-v3.
did you get any solution???
@@RohitSonismith Yes, specifically the version, I solved with the following version: "react-native-vision-camera": "^3.9.1", "react-native-vision-camera-face-detector": "^1.3.5", "react-native-worklets-core": "^0.3.0"
Please Increase the Audio of Video in your videos. Nice tutorial 👍
I will try my best
Hi when will your next video come out?
Thanks for the reminder. I will upload another
@@questerstudioplease upload next video. Thanku😊
I think it's so cool! i'll try this!
Thank you for sharing!
I'm glad you found it useful
this only works with one skia component, if u have multiple circles, you cant draggle individualy the circles
I will check that out
@@questerstudio Hi, Were you able to check on this use case? How to handle when multiple elements are present?
Mate please do make a series of react native skia.
will do
You can increase the music volume . I can still hear you
I will re upload
Just Subscribed to the channel , Are you making this ? Would be awesome, can we use react native CLI for this ?
Yes we can. Since it is using react native web in the background
Awesome!!!
Thank you! Cheers!
is this library support panorma/360 images capture
No I don't this so unless you add a frame processor for that.
So cool ✨
Thanks 😊 🙏
please upload complete fake store api project which inlcude user login
Will do
how to handle click into the item ?
This is weekly update is really useful
the music is to hight
const device = devices.back; It is not a known property : ts.... this doesnt works.
How to share image without showing on UI
do you get solution for this
Hello! i can Help, How can I remove this background where it says home and details, and leave it the same color as the screen? see, the home background is white, and the one below is grey, I want to leave it the same color, or remove this background from the home and leave the screen all gray
This is good but outdated :(
Is there any way to focus image inside an oval shape and blur the background and take a pic ??
Good afternoon, I bought the code, how do I run it in react-native? Can you tell me? I'm still a beginner in programming.
Good afternoon, I bought the code, how do I run it in react-native? Can you tell me? I'm still a beginner in programming.