devaslife
devaslife
  • 67
  • 11 363 497
Hacking the new bridgeless architecture of React Native (as of 0.73) to boost my app performance
▶ Check out my product: Inkdrop - Markdown note-taking app
www.inkdrop.app/?Fz034KJbWo
▶ Blog article: How to get an instance of the Fabric view component on React Native www.devas.life/how-to-get-an-instance-of-the-fabric-view-component-on-react-native/
▶ My equipment uses.craftz.dog/
▶ My dotfiles github.com/craftzdog/dotfiles-public
▶ My wallpaper packs are now available🥳 Check out serene imagery from my coding tutorials here: www.craftz.dog/wallpapers
Follow me online here:
▶ Subscribe to my newsletter www.devas.life/
▶ X (Twitter) inkdrop_app
▶ Instagram craftzdog
▶ My second channel www.youtube.com/@craftzdog
00:00 Hello
00:49 Inter-communicate between native modules on React Native
09:05 The implementation for the old architecture
13:50 Migrating it for the new architecture
24:42 Demo on iOS Simulator
25:53 New implementation for Android
27:41 Demo on Android
Credits:
▶ BGM - Epidemic Sound www.epidemicsound.com/referral/p96aa8/
#Inkdrop #devlog #ReactNative
Переглядів: 18 949

Відео

Desk makeover: My cozy desk setup for app development 2024
Переглядів 73 тис.2 місяці тому
▶ Check out my product: Inkdrop - Markdown note-taking app www.inkdrop.app/?MpoltLo ▶ My equipment uses.craftz.dog/ ▶ My dotfiles github.com/craftzdog/dotfiles-public ▶ My wallpaper packs are now available🥳 Check out serene imagery from my coding tutorials here: www.craftz.dog/wallpapers Follow me online here: ▶ Subscribe to my newsletter www.devas.life/ ▶ X (Twitter) inkdrop_app ▶ ...
My strategy to survive the generative AI era as an indie developer
Переглядів 57 тис.4 місяці тому
▶ Check out my note-taking app: Inkdrop www.inkdrop.app/?SIeIR8s1nM ▶ The price change announcement: forum.inkdrop.app/t/inkdrop-price-change/4366 ▶ The article version: www.devas.life/im-trying-to-sell-my-productive-vibes/ Follow me online here: ▶ Subscribe to my newsletter www.devas.life/ ▶ X inkdrop_app ▶ Instagram craftzdog ▶ My second channel www.youtube.com/@craf...
How to design a beautiful Neovim theme with HSL colors in Lua - NeovimConf 2023
Переглядів 69 тис.6 місяців тому
▶ Check out my product: Inkdrop - Markdown note-taking app www.inkdrop.app/?EJLrssH1ip0 ▶ Solarized Osaka github.com/craftzdog/solarized-osaka.nvim ▶ My dotfiles github.com/craftzdog/dotfiles-public ▶ My equipment uses.craftz.dog/ Follow me online here: ▶ Subscribe to my newsletter www.devas.life/ ▶ X (Twitter) inkdrop_app ▶ Instagram craftzdog ▶ My second channel www....
Effective Neovim setup for web development towards 2024
Переглядів 672 тис.7 місяців тому
▶ Check out my product: Inkdrop - Markdown note-taking app www.inkdrop.app/?FHlfbKVi30 ▶ Article version: www.devas.life/effective-neovim-setup-for-web-development-towards-2024/ ▶ My dotfiles github.com/craftzdog/dotfiles-public ▶ My equipment uses.craftz.dog/ ▶ My wallpaper packs are now available🥳 Check out serene imagery from my coding tutorials here: www.craftz.dog/wallpapers Follow me onli...
How I take tech notes as a note app author
Переглядів 150 тис.Рік тому
▶ Get Inkdrop www.inkdrop.app/?OuCFrs584 ▶ My dotfiles github.com/craftzdog/dotfiles-public ▶ My equipment uses.craftz.dog/ Follow me online here: ▶ My weekly vlog www.youtube.com/@craftzdog ▶ Subscribe to my newsletter www.devas.life/ ▶ Twitter inkdrop_app ▶ Instagram craftzdog Credits: ▶ Proofreading - Albin Johansson ▶ BGM - Epidemic Sound www.epidemicsound.com/refe...
Boost your skills with ChatGPT: Creating a transcription and translation tool using OpenAI
Переглядів 183 тис.Рік тому
▶ Source code github.com/craftzdog/vlog-translator ▶ My dotfiles github.com/craftzdog/dotfiles-public ▶ My equipment uses.craftz.dog/ ▶ Majextand review uses.craftz.dog/posts/majextand ▶ Check out my product: Inkdrop - Markdown note-taking app www.inkdrop.app/?UNGi144eVbI Follow me online here: ▶ My weekly vlog www.youtube.com/@craftzdog ▶ Subscribe to my newsletter www.devas.life/ ▶ Twitter tw...
[playlist] Melodies for coding | Focus & Chill
Переглядів 56 тис.Рік тому
Here are the tracks from my coding tutorials. Code to the beat! 00:00 Furna - Lotus 04:02 Drawing - LUCHS 06:22 And Lucie Dreams - Lotus 09:57 Mint Conditions - Dusty Decks 12:08 Cousin Stratus - Lotus 15:13 Tiny Room Bop - [ocean jams] 17:33 Parallax - Luwaks 20:39 Lisbon - Shiruky 23:39 I'll Follow - Mochas 26:12 Lupi - Sayuri Hayashi Egnell 28:17 Tau - Osoku 31:12 Have a productive day Credi...
How to create Ghibli-style trees with three.js
Переглядів 274 тис.Рік тому
▶ Source code github.com/craftzdog/ghibli-style-shader ▶ My dotfiles github.com/craftzdog/dotfiles-public ▶ My equipment uses.craftz.dog/ ▶ Check out my product: Inkdrop - Markdown note-taking app www.inkdrop.app/?IGK6eceWyU4 Follow me online here: ▶ My weekly vlog www.youtube.com/@craftzdog ▶ Subscribe to my newsletter www.devas.life/ ▶ Twitter inkdrop_app ▶ Instagram instagram.com...
How to build animated & responsive tablet UIs with React Native (at the lakeside)
Переглядів 146 тис.Рік тому
▶ Source code github.com/craftzdog/inkdrop-ui-mockup-react-native ▶ My dotfiles github.com/craftzdog/dotfiles-public ▶ My equipment uses.craftz.dog/ ▶ Check out my product: Inkdrop - Markdown note-taking app www.inkdrop.app/?JU4VBbe23jg Follow me online here: ▶ Twitter inkdrop_app ▶ Subscribe to my Newsletter www.devas.life/ ▶ Blog blog.inkdrop.app/ ▶ Instagram craftzd...
Dev as Life Q&A - Code, life, YouTube, solopreneurship, skills, etc.
Переглядів 69 тис.Рік тому
Thanks for the questions! ▶ Download my product: Inkdrop - Markdown note-taking app www.inkdrop.app/?NzQnZqTGtwc Follow me online here: ▶ Homepage www.craftz.dog/ ▶ Twitter(English) inkdrop_app ▶ Twitter(日本語) craftzdog ▶ Instagram craftzdog ▶ Medium Blog blog.inkdrop.app/ ▶ DEV blog dev.to/craftzdog ▶ GitHub github.com/craftzdog/ ▶ Subscribe to my newslette...
How to create a 'What I Use' blog with Astro and Tailwind CSS (at a hotel lounge)
Переглядів 224 тис.Рік тому
Hello. I'm Takuya Matsuyama from Japan, a solo developer making a Markdown note-taking app called Inkdrop. Today, I built a curated list of the tech that I use with Astro and Tailwind CSS. ▶ Website - What I use uses.craftz.dog/ ▶ Source code github.com/craftzdog/craftzdog-uses ▶ Download my product: Inkdrop - Markdown note-taking app www.inkdrop.app/?JE76PKBWE ▶ Indkrop live export tool github...
How to set up Neovim for coding React, TypeScript, Tailwind CSS, etc on a new M2 MacBook Air
Переглядів 458 тис.Рік тому
Hello. I'm Takuya Matsuyama from Japan, an indie developer making a Markdown note-taking app called Inkdrop. In this video, I share my latest Neovim setup for my app developments using React, React Native, TypeScript, etc. I hope you enjoy it :) ▶ Check out my product: Inkdrop - Markdown note-taking app ua-cam.com/video/-qBavwqc_mY/v-deo.html ▶ My dotfiles github.com/craftzdog/dotfiles-public ▶...
For beginners: How to create a 'link in bio' page for Instagram (No frameworks)
Переглядів 278 тис.Рік тому
▶ Check out my product: Inkdrop - Markdown note-taking app ua-cam.com/video/-qBavwqc_mY/v-deo.html ▶ Source code github.com/craftzdog/link-in-bio ▶ My dotfiles github.com/craftzdog/dotfiles-public ▶ My Neovim setup ua-cam.com/video/FW2X1CXrU1w/v-deo.html ▶ My equipment * Video editing: Final Cut Pro X * Camera: Fujifilm X-T4 - amzn.to/3MVuPBV * Tripod: PeakDesign TT-CB-5-150-CF-1 - amzn.to/3NCq...
How to build a Gmail-like UI with React Native [at a Zen temple Koshoji]
Переглядів 291 тис.2 роки тому
How to build a Gmail-like UI with React Native [at a Zen temple Koshoji]
Behind the scenes: How I film and create typing chat bubble effect in videos
Переглядів 96 тис.2 роки тому
Behind the scenes: How I film and create typing chat bubble effect in videos
How I built a software agency website with Next.js + Tailwind CSS (in nature)
Переглядів 650 тис.2 роки тому
How I built a software agency website with Next.js Tailwind CSS (in nature)
How to take notes in Markdown efficiently with Inkdrop
Переглядів 444 тис.2 роки тому
How to take notes in Markdown efficiently with Inkdrop
I've built a 3D holographic terminal w/ Looking Glass Portrait, Three.js, and Hyper
Переглядів 419 тис.2 роки тому
I've built a 3D holographic terminal w/ Looking Glass Portrait, Three.js, and Hyper
Setting up new M1 Max MacBook Pro - Apps that I use for my app dev
Переглядів 583 тис.2 роки тому
Setting up new M1 Max MacBook Pro - Apps that I use for my app dev
How to set up PowerShell prompt with Oh My Posh on Windows 11
Переглядів 579 тис.2 роки тому
How to set up PowerShell prompt with Oh My Posh on Windows 11
How to build a smoothly animated ToDo app with React Native, Expo, Reanimated, NativeBase, and Moti
Переглядів 382 тис.2 роки тому
How to build a smoothly animated ToDo app with React Native, Expo, Reanimated, NativeBase, and Moti
How to build a portfolio website using Next.js, Chakra UI, Framer Motion, and Three.js
Переглядів 1,8 млн2 роки тому
How to build a portfolio website using Next.js, Chakra UI, Framer Motion, and Three.js
I built a minimal gaming & dev PC with ZX-1 and RTX 3070
Переглядів 317 тис.2 роки тому
I built a minimal gaming & dev PC with ZX-1 and RTX 3070
How to build a Markdown editor using Electron, ReactJS, Vite, CodeMirror, and Remark
Переглядів 364 тис.2 роки тому
How to build a Markdown editor using Electron, ReactJS, Vite, CodeMirror, and Remark
Lubing my Keychron K2V2 to get a better feel and sound
Переглядів 94 тис.2 роки тому
Lubing my Keychron K2V2 to get a better feel and sound
How to set up Neovim 0.5 (LSP, Treesitter, fuzzy finder, etc)
Переглядів 361 тис.3 роки тому
How to set up Neovim 0.5 (LSP, Treesitter, fuzzy finder, etc)
Apple Silicon × V8 Snapshots = Blazingly fast!
Переглядів 24 тис.3 роки тому
Apple Silicon × V8 Snapshots = Blazingly fast!
How to build an air quality monitor using Raspberry Pi Zero W + ANAVI Infrared pHAT
Переглядів 149 тис.3 роки тому
How to build an air quality monitor using Raspberry Pi Zero W ANAVI Infrared pHAT
My Fish shell workflow for coding
Переглядів 428 тис.3 роки тому
My Fish shell workflow for coding

КОМЕНТАРІ

  • @nichohells
    @nichohells 2 дні тому

    Which Tmux theme is that, or is it any other multiplexer?

  • @oinn6216
    @oinn6216 3 дні тому

    What web browser do you use?

  • @qudratillosalakhiddinov
    @qudratillosalakhiddinov 3 дні тому

    This app in python flet ua-cam.com/video/TiK6q-qttkk/v-deo.html

  • @hugoandres5937
    @hugoandres5937 3 дні тому

    Any advice on learning a new programming language, instead of watching courses, I would appreciate it in advance. Greetings from Bolivia

  • @cererec9766
    @cererec9766 3 дні тому

    It has been a while since I watch one of you vids. It was Good to watched you again . 🎉. ❤

  • @bmacf
    @bmacf 5 днів тому

    Nice to see a video involving the two recent YT channels I'm literally hooked with right now. You guys are a true motivation 👊🏻

  • @julius7255
    @julius7255 5 днів тому

    What are your keyboard keycaps?

  • @breasthopper
    @breasthopper 6 днів тому

    You are truly a source of inspiration, every time I watch your videos I always get a sudden motivation boost. Please keep making content!

  • @Soci4lM3N4C3
    @Soci4lM3N4C3 7 днів тому

    When I'm about to graduate with a CS degree but after watching this video, I realize I know nothing about coding.😄

  • @micaelviana
    @micaelviana 8 днів тому

    what font are you using in your terminal?

  • @aminsoraya4517
    @aminsoraya4517 8 днів тому

    I got very motivated after watching this video❤

  • @k2fwiof1
    @k2fwiof1 8 днів тому

    :,c $$0

  • @k2fwiof1
    @k2fwiof1 8 днів тому

    siiuuuuu

  • @roshantigga2037
    @roshantigga2037 8 днів тому

    Which editor do u use?

  • @griot1722
    @griot1722 8 днів тому

    what keyboard is this?

  • @misalambasta
    @misalambasta 9 днів тому

    Why did you choose RN, instead of flutter or native language (Android or iOS).

  • @s8x.
    @s8x. 9 днів тому

    thank u for putting me onto neovim and tmux

  • @CedoOmondi
    @CedoOmondi 9 днів тому

    Hello @devaslife. I have a question. Did you open that web browser within your terminal window?

  • @noureddineloug2703
    @noureddineloug2703 9 днів тому

    thank you helpfull, do you any experience with kotlin?

  • @flameKuchen
    @flameKuchen 9 днів тому

    Thx for the inspiration 🙏

  • @dieterreinert
    @dieterreinert 9 днів тому

    Takuya's recent video starts off with a cheerful update about his trip to Milan and Venice, immediately setting a personal and relatable tone. He then transitions into a deep dive into his development process, specifically how he tackled a performance issue in his React Native app. Instead of relying on the traditional JavaScript bridge, which slows down the app due to JSON encoding, he ingeniously bypassed it by injecting JavaScript directly into the WebView from native modules. This hands-on demonstration, complete with code examples for both iOS and Android, shows his dedication to improving app performance. Takuya’s excitement about the success of his hack is palpable, and his willingness to share this undocumented method exemplifies his commitment to helping other developers enhance their own projects.

  • @edmondavetisyan2757
    @edmondavetisyan2757 10 днів тому

    Can you make a video or describe somehow - how you are making terminal transparent on the video cz I tried many times and not succeed 😂

  • @hightvformal
    @hightvformal 10 днів тому

    WOW. new video from devaslife. liked automaticly

  • @xXbxXz3ch3chvXx
    @xXbxXz3ch3chvXx 10 днів тому

    TA-DAH! Lol! I'm happy to hear that you enjoyed your visit to Italy. Thank you for another video, Takuya!

  • @KuzyoYaroslav
    @KuzyoYaroslav 10 днів тому

    Really liked explanation using pen and paper :) Thank you.

  • @willdunertm5047
    @willdunertm5047 10 днів тому

    Are you using some styling library like Shopify/restyle, or react-native-unistyles, or any components library like gluestack, or tamagui?

    • @devaslife
      @devaslife 10 днів тому

      yes ua-cam.com/video/JU4VBbe23jg/v-deo.htmlsi=dRfsewCUe-rnd9Pn

  • @thonguyen252
    @thonguyen252 10 днів тому

    At 4:45 you have explained about transferring a file from native to webview via the bridge could be a massive data and could be bottle neck. That's true, and also my question. In your video, I couldn't find an alternative solution. At the end of the video, what we have is only the webview instance and looks like we could only execute a JS. I am wonder if you have a mutual solution to send a file to webview from native? Especially when the file is quite large to base64.

    • @devaslife
      @devaslife 10 днів тому

      good question. In this solution, you eventually need to encode data to base64 but you can avoid serializations between native <-> bridge <-> JS

  • @bbcoolg100
    @bbcoolg100 10 днів тому

    Explanation now is way easier with the drawing table! 👏👏

    • @devaslife
      @devaslife 10 днів тому

      Yes! Actually I had to retake the tablet screen as I forgot to record it lol

    • @bbcoolg100
      @bbcoolg100 10 днів тому

      @@devaslife What an effort 😄

  • @elecom5858
    @elecom5858 10 днів тому

    Thank you for making and giving inspiration so much!

  • @cesarmella8062
    @cesarmella8062 10 днів тому

    how you can show the terminal above the camera recording?, the effect is so nice and minimalistic at the same time.

    • @PTlGhOsT
      @PTlGhOsT 10 днів тому

      I don't know how he is doing it, but with OBS you can create a window just for the camera and lay it below all the other windows, and record the screen with the terminal on top, that would of course mean that you are always seeing yourself on the camera behind your code editor or terminal.

    • @cesarmella8062
      @cesarmella8062 10 днів тому

      @@PTlGhOsT thanks!

  • @devaslife
    @devaslife 10 днів тому

    The article version: www.devas.life/how-to-get-an-instance-of-the-fabric-view-component-on-react-native/

  • @tommycallsuback
    @tommycallsuback 10 днів тому

    Hi, Takuya, are you planning to support rich text editing or it will be markdown only?

    • @devaslife
      @devaslife 10 днів тому

      No, it would like to focus on plaintext Markdown rather than going with like Notion-way.

    • @tommycallsuback
      @tommycallsuback 10 днів тому

      But is it possible to implement on markdown that when your cursor is on for example h1, checkbox lines,etc it doesnt show #, ##, - [ ] even while you are editing those like rich text editors. That's the only thing holding me back from using markdowns, I wanna use those shortcuts for quickly creating headings, list items etc, but after they are created, I dont ever wanna see them again while editing/deleting.

    • @devaslife
      @devaslife 10 днів тому

      I understand Markdown itself does not provide the best experience in editing but rather provides the portability. I don't want to adopt any proprietary file format. I personally don't like the hybrid solution as you said. It's a personal preference after all

    • @tommycallsuback
      @tommycallsuback 10 днів тому

      What I was asking is whether it is possible to achieve what I said in md/mdx without changing to any other format?

    • @devaslife
      @devaslife 10 днів тому

      technically yes

  • @devaereo
    @devaereo 10 днів тому

    That's great! I'm also using webview for some attached functionality on a react-native app I'm working, might take some advices from this video :)

    • @devaslife
      @devaslife 10 днів тому

      Cool! Hope it works

  • @ExistentialSadness
    @ExistentialSadness 10 днів тому

    How long have you been coding?

    • @devaslife
      @devaslife 10 днів тому

      Over 20 years

    • @ExistentialSadness
      @ExistentialSadness 10 днів тому

      @@devaslife Damn, that is crazy! I hoped for this number because if you were developing like this after 1-2 years than I'm so behind with 2 years of dev exp. 💀

  • @vvebsterr
    @vvebsterr 12 днів тому

    console.log("Hello Takuya") I've been watching you for quite some time now, and one of your videos is the only one I've ever liked on UA-cam. This video (under which I am writing a comment) came to me at the right time, thank you for your useful tips. I really needed it now.

  • @joergw
    @joergw 12 днів тому

    Thanks. ありがとう

  • @laurapeterson146
    @laurapeterson146 13 днів тому

    Guys, are React Native projects from the channel still useful (not outdated) today? Thanks @devaslife, interesting asmr videos :)

  • @CodeBeep
    @CodeBeep 13 днів тому

    How to open pages in such a minimalist browser? 9:19

  • @ripndipp
    @ripndipp 13 днів тому

    I contributed to the old config!

  • @user-ip1wg4sg3w
    @user-ip1wg4sg3w 14 днів тому

    What is your browser, what are the mac extension you utilize to make the menu bar disapear, and how do you map keyboard shortcut to be able to navigate inside your browser so easily without the mouse? Is it native to mac? Very nice tutorial. :)

  • @acubesa
    @acubesa 15 днів тому

    I need the link for the pegboard

  • @Qazi-it9mo
    @Qazi-it9mo 15 днів тому

    Would be awesome to see your full PC directory structure one day

  • @willdunertm5047
    @willdunertm5047 16 днів тому

    I would love more rn videos about how you do stuff and style. Your apps looks and feels awesome!

  • @jorgemartin3057
    @jorgemartin3057 16 днів тому

    Stange question: what are the plastic drawers that can be seen at 6:32? They look very nice. Thank you.

  • @saumoon
    @saumoon 17 днів тому

    What browser is that ?

  • @codingwithrendi
    @codingwithrendi 17 днів тому

    starting out at 18 years old

  • @pasto9999
    @pasto9999 19 днів тому

    Me duele mucho como aprieta al barra espaciadora =(

  • @BobCostas-db5hb
    @BobCostas-db5hb 19 днів тому

    What kind of keyboards are those

  • @takumifujise6137
    @takumifujise6137 19 днів тому

    55:30 😏

  • @tiagoservelin
    @tiagoservelin 20 днів тому

    Hi Takuya, Cheers from Brazil. How to show icon popup selection? (used in cowboy func) Thank you. btw vim.looop.new_timer(), is deprecated, can use vim.uv.new_timer() instead