- 66
- 78 176
Oscar Franco
Germany
Приєднався 6 кві 2021
I'm Oscar, a freelance dev. I do all sorts of coding. React Native, React, Native (Swift, C++).
Modern C++ Turbo Module Tutorial
Join me to create a C++ Turbo Module from scratch. Starting with builder-bob and then removing bits and pieces until only the base C++ Code remains. As bonus there is some threaded action in there.
Code for sample repo is here
github.com/ospfranco/quack-cxx-tm
Android will come next week or whenever I get to it.
Code for sample repo is here
github.com/ospfranco/quack-cxx-tm
Android will come next week or whenever I get to it.
Переглядів: 550
Відео
Sqlite on React Native with op-sqlite
Переглядів 1,3 тис.7 місяців тому
Learn how to use sqlite on your react-native application and what are some of the benefits of using op-sqlite.
React Native Bridgeless Mode for Dummies
Переглядів 6 тис.7 місяців тому
A quick overview of bridgeless mode in React Native. Read the official announcement here github.com/reactwg/react-native-new-architecture/discussions/154 Follow me on Twitter and UA-cam! x.com/ospfranco
Step by step guide on using Rust on React Native - Part 2 Android
Переглядів 975Рік тому
Second part of the integrating Rust with React Native. This time we tackle android and its crazy compilation chain. You can find the written version of this in the Hitchicker's Guide: ospfranco.notion.site/React-Native-Hitchhiker-s-Guide-bf0aa5ee5fd64aed8cdd776cba6f9b97?pvs=4 I'm currently looking for projects, get in touch!
Step by step guide on using Rust on React Native - Part 1 iOS
Переглядів 2,5 тис.Рік тому
A detailed step-by-step guide to getting rust compilation to work on react native plus calling it from an old bridge binding. But besides a just a step by step guide, I talk about the concepts behind of the commands and code, so in the future somethings change you have an idea what it takes to get this back to a working state. I'm currently looking for freelance React Native projects, get in to...
Make or port your SDK to react native
Переглядів 2,5 тис.Рік тому
If you are unfamiliar with React Native there are a lot of decisions you need to make on, based peculiarities of the framework itself. Hopefully, this video will guide you through the high level concepts and save you some time by nailing the big picture first.
Creating a Spotlight like NSWindow
Переглядів 913Рік тому
Sharing my experience on how I created a Spotlight like window. 1Password now has one. Raycast has one. You can have your own too! Follow me on Twitter: f ospfranco
How to install JSI bindings in a thread-safe manner
Переглядів 6102 роки тому
How to install JSI bindings in a thread-safe manner
Swift and React Native Turbo Modules
Переглядів 2,4 тис.2 роки тому
Swift and React Native Turbo Modules
Creating a RN Turbo Secure Storage module from scratch
Переглядів 2,3 тис.2 роки тому
Creating a RN Turbo Secure Storage module from scratch
React Native Turbomodule + TypeScript Codegen Tutorial
Переглядів 6 тис.2 роки тому
React Native Turbomodule TypeScript Codegen Tutorial
React Native's JSI Explained · Part 6 · Bridging a C library
Переглядів 1,3 тис.3 роки тому
React Native's JSI Explained · Part 6 · Bridging a C library
React Native's JSI Explained · Part 5 · Exploring JSI values
Переглядів 1,1 тис.3 роки тому
React Native's JSI Explained · Part 5 · Exploring JSI values
React Native's JSI Explained · Part 4 · Registering a function
Переглядів 1,7 тис.3 роки тому
React Native's JSI Explained · Part 4 · Registering a function
React Native's JSI Explained · Part 3 · Installing JSI stubs
Переглядів 2,6 тис.3 роки тому
React Native's JSI Explained · Part 3 · Installing JSI stubs
React Native's JSI Explained · Part 2 · Setting up a JSI module
Переглядів 6 тис.3 роки тому
React Native's JSI Explained · Part 2 · Setting up a JSI module
C++ Tutorial for JS developers · Part 10 · CMake
Переглядів 8083 роки тому
C Tutorial for JS developers · Part 10 · CMake
C++ Tutorial for JS developers · Part 9 · Pointers II
Переглядів 5413 роки тому
C Tutorial for JS developers · Part 9 · Pointers II
C++ Tutorial for JS developers · Part 8 · Bitwise operations and masks
Переглядів 4483 роки тому
C Tutorial for JS developers · Part 8 · Bitwise operations and masks
C++ Tutorial for JS developers · Part 7 · Lambdas
Переглядів 6713 роки тому
C Tutorial for JS developers · Part 7 · Lambdas
C++ Tutorial for JS developers · Part 6 · Scopes and De-allocations
Переглядів 6403 роки тому
C Tutorial for JS developers · Part 6 · Scopes and De-allocations
React Native's JSI Explained · Part 1 · Overview
Переглядів 14 тис.3 роки тому
React Native's JSI Explained · Part 1 · Overview
C++ Tutorial for JS developers · Part 5 · Strings
Переглядів 8993 роки тому
C Tutorial for JS developers · Part 5 · Strings
C++ Tutorial for JavaScript developers · Part 4 · Pointers
Переглядів 9453 роки тому
C Tutorial for JavaScript developers · Part 4 · Pointers
C++ Tutorial for JavaScript developers · Part 3 · Dynamic data structures
Переглядів 1,4 тис.3 роки тому
C Tutorial for JavaScript developers · Part 3 · Dynamic data structures
C++ Tutorial for JS developers · Part 2 · Namespaces and headers
Переглядів 2,2 тис.3 роки тому
C Tutorial for JS developers · Part 2 · Namespaces and headers
Follow exactly the same steps but is not working. Using the latest Expo SDK52, wondered if that is the issue.
Everything should be working, you are better off reading the documentation as that is up to date and this video is already some months old
@@ospfranco I kind of new to programming and keeps getting error: [OP-SQLITE] Only one connection per database is allowed. Kindly advise?
@@marvinfok65 Read the docs mate, everything is explained there
I am using a laptop, I can hardly see anything, thank you.
nice explain oscar
When you say there's nothing standing between JavaScript and the Native Code, how is that even possible exactly, there's a js thread and a UI thread that run on two different programming languages, there should be always a bridge of some sort.
??? JS is implemented in C++, by calling a C++ function you interact with the underlying C++ JS engine...
Is there a way to share the source code?
Thank you for sharing your knowledge
Nice videos brother. Thanks for sharing 🙏
Great Videos
Its kinda like "Finally" to me. Thankyou so much!
Thank you for the great video!
thank you man for the video very helpful.
im a simple man, i see a oscar franco video, i click.
Hey! Thanks for the detailed walkthrough on C++ Turbo Module . Your video is actually super helpful. 🙌
I'm trying to run JS code in a different runtime, but it's not working. Maybe you know how to create and run JS code on another runtime instance? I am trying to repeat the worklet logic
Does it's improve on performance?
Not directly, JSI does that, bridgeless only removes all old JSON code and forces everyone to update
Bro said absolutely nothing 💀
excuse me?
I LOVE these concept videos. There's very few ppl in RN ecosystem that talk about things other than "you need to use THIS component" and so on, so this is refreshing
can I USE IT WITH TYPEORM
More more more
We need more videos
You deserve like 10x the ammount of views
but you only wrote up how to do this for ios, how about android?
Isn't this video all about Android?
Really good content!
Your voice is so slow in video 😢
?
@@ospfrancoIt was slow in starting, Better with headphones
@@thesemicolon1971 you mean low I think... well, I can take a look next time
wish you the best Oscar, really respect & appreciate skilled people that making contributions to RN, Free Palestine 🇵🇸
Good job!
This is one of the best videos of integrating Rust/Native code with react native. I wish more people subscribe to your channel.
1:16 nice work, how fast it is compared to watermelon 🍉 db
it's not an ORM, it's raw sqlite, it's orders of magnitude faster
Does it support any way of migrations?
it's raw sqlite, no
Wow Nice i will try it. Thanks for the good work
Really helpful, thank you!
Is it true that it will not so fast on android compared with old arch ? I saw a driagram ( on X ) where it is just 100-200ms diff.
new arch is not faster necessarily
Great content. Sound too low.
Yeah, sorry, realized after uploading
Keep going man, please. Goog content.
THE LEGEND RETURNS
Hahaha you made me chuckle. Thanks!
LOL. I worked for this company whose blog you show. I reviewed this article before publishing it. It is such a small world.
hey i wanna know how to run c++ code in react native android #needhelp
#watchthevideo mate
I came here for the opposite
sorry to disappoint
Thank you for your amazing work, up to day you and margelo are the only source of code and documentation to learn how to use jsi
you helping me so much to understand react-native in lower level.
Estuve leyendo la documentación, sin embargo me queda unas dudas. No hay algún fallback para webs que no tengan estas og tags? Por ejemplo si pasa una url hacia una imagen, sabes que retorne la dirección de la imagen, o si es una web no tiene og tags talvez buscar tags clave como title o la primera imagen en la web que no sea un icono
No realmente, podrias intentar analizar semanticamente el html pero eso ya sería un proyecto mucho más grande y complejo.
Hey, thank you for your videos. But if I export swift functionality to Objective-C, and then connect JSI to Objective-C, will it work?
Yeah, but there is overhead. I have managed to call Swift functions directly from C++ using Swift 5.9 though
great video! But why you don’t use Uniffi?
I don't know Rust tooling, just starting with it. In any case, it doesn't really matter, as long as a tool generates them for you, it's fine.
Cool video
Awesome
I really like your content. I want to learn more deep concept. Keep making this type of useful content
Super helpful. Thanks man
Thank you very much
Can't wait for the next part
Awesome, it's exactly what I was looking for. I can't wait for the sequel.