- Видео 32
- Просмотров 79 609
Oscar Franco
Германия
Добавлен 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.
Просмотров: 630
Видео
Sqlite on React Native with op-sqlite
Просмотров 1,4 тыс.8 месяцев назад
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 тыс.8 месяцев назад
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 RUclips! x.com/ospfranco
Step by step guide on using Rust on React Native - Part 2 Android
Просмотров 1 тыс.Год назад
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,6 тыс.Год назад
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,6 тыс.Год назад
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
Просмотров 9802 года назад
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
Async and threaded work
Просмотров 4062 года назад
Learn what the jsCallInvoker is for and how to do async C work that call backs to Javascript Photo by Joshua Rawson-Harris on Unsplash
JSI Host Objects explained
Просмотров 1 тыс.2 года назад
A tour on Host Objects, what are they, how do they work, creating one, and creating a better Host Object. Also don't forget to follow me on Twitter: ospfranco Photo by kirrliz on Unplash
How to install JSI bindings in a thread-safe manner
Просмотров 6142 года назад
On previous videos the way I installed JSI bindings on iOS could fail (and did fail). Here is a better way to do it.
Swift and React Native Turbo Modules
Просмотров 2,4 тыс.2 года назад
Sorry to break it to you. Doesn't work like that. Edit: it seems like might point might have not come completely across. You won't be able to directly use JSI to/from Swift bindings. If you are hell-bent on using Swift you can always call Swift function from Obj-c. You will have to evaluate if you are willing to pay the performance cost of an extra frame allocation and you can say goodbye to th...
Creating a RN Turbo Secure Storage module from scratch
Просмотров 2,4 тыс.2 года назад
Here is the process of creating a new react native (turbo) module from scratch! Hopefully you will enjoy it! You can find the code for the module here github.com/ospfranco/turbo-secure-storage I'm available for React Native consulting! Also check out my other products: messerapp.cc ospfranco.com Also don't forget to follow me on Twitter: ospfranco
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,4 тыс.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,8 тыс.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
Просмотров 7 тыс.3 года назад
React Native's JSI Explained · Part 2 · Setting up a JSI module
C++ Tutorial for JS developers · Part 10 · CMake
Просмотров 8153 года назад
C Tutorial for JS developers · Part 10 · CMake
C++ Tutorial for JS developers · Part 9 · Pointers II
Просмотров 5453 года назад
C Tutorial for JS developers · Part 9 · Pointers II
C++ Tutorial for JS developers · Part 8 · Bitwise operations and masks
Просмотров 4493 года назад
C Tutorial for JS developers · Part 8 · Bitwise operations and masks
C++ Tutorial for JS developers · Part 7 · Lambdas
Просмотров 6753 года назад
C Tutorial for JS developers · Part 7 · Lambdas
C++ Tutorial for JS developers · Part 6 · Scopes and De-allocations
Просмотров 6473 года назад
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
Просмотров 9063 года назад
C Tutorial for JS developers · Part 5 · Strings
C++ Tutorial for JavaScript developers · Part 4 · Pointers
Просмотров 9593 года назад
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
Will it work in react native cli?
Great video man! Would love to see a follow up on how to handle local first and syncing with Turso (or other alternatives) :)
good idea! but there is not much to say about that. You just open a sync connection and then turso/libsql replicates everything for you automagically
hi your content is advanced.. please make more videos on turbo modules showing multiple implementations of native components . thanks
Is there a video about setting up JSI for Android ? I couldn't find it
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
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. 🙌
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?
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.
Great tutorial into Rust + RN. Looking forward to next parts. This answers so many questions i had. Thanks