Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Introducing proof of concept React Imgui! The name is a joke, but it is accurate enough. In the last few days I have been working on a prototype of React driving Dear ImGui using Static Hermes. The result is a fully native app written almost entirely in JavaScript, using...

tmikov's profile picture

Tzvetan Mikov

6,203 subscribers

211,272 Aufrufe • vor 10 Monaten •via X (Twitter)

BildungWissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

Animated sliding numbers 🛝 I've been building a reusable React Native UI library on the side, and the advantage is being able to use it for the company I work for or any of my own mobile apps. w/React Native Expo Source code on Landing Comps 👇
0:22

Animated sliding numbers 🛝 I've been building a reusable React Native UI library on the side, and the advantage is being able to use it for the company I work for or any of my own mobile apps. w/React Native Expo Source code on Landing Comps 👇

Erencan Arica

34,460 Aufrufe • vor 1 Jahr

Theo using FFmpeg to build SoraMarker is akin to using create-react-app for a new project in 2025. On the web, it's slow, unnecessarily bulky, and makes very little use of the platform. I rebuilt it using Mediabunny, and it runs 5x as fast while using 0.8% the bundle size⚡️
0:29

Theo using FFmpeg to build SoraMarker is akin to using create-react-app for a new project in 2025. On the web, it's slow, unnecessarily bulky, and makes very little use of the platform. I rebuilt it using Mediabunny, and it runs 5x as fast while using 0.8% the bundle size⚡️

Vanilagy

46,913 Aufrufe • vor 10 Monaten

In 2023, I worked with Android, Compose, SwiftUI, Flutter, React Native, C++, web, React, Svelte, Framer, Noesis, Bevy, and Unity. All using Rive runtimes. Implementing new features, fixing bugs, testing, and creating fun demos. It was such a blast. Below is a highlight video of some of my favorite projects of the year.
1:56

In 2023, I worked with Android, Compose, SwiftUI, Flutter, React Native, C++, web, React, Svelte, Framer, Noesis, Bevy, and Unity. All using Rive runtimes. Implementing new features, fixing bugs, testing, and creating fun demos. It was such a blast. Below is a highlight video of some of my favorite projects of the year.

Gordon Hayes

124,083 Aufrufe • vor 2 Jahren

made this in blender and react. still surprising how powerful a tool functional composition is. the ticker is solved with minimal effort, same semantics devs would use on the web. this is a side that is generally ignored in webgl/threejs. canvas3d is thought of in terms of scene primitives, math and shaders. these are all good to know. but i see people all the time trying to use these for solving problems that are inherently of a compositional nature, and fail. imperative javascript and oop lack composition. this is the only thing react adds to threejs (and any other platform it renders to), it allows it to compose.
0:29

made this in blender and react. still surprising how powerful a tool functional composition is. the ticker is solved with minimal effort, same semantics devs would use on the web. this is a side that is generally ignored in webgl/threejs. canvas3d is thought of in terms of scene primitives, math and shaders. these are all good to know. but i see people all the time trying to use these for solving problems that are inherently of a compositional nature, and fail. imperative javascript and oop lack composition. this is the only thing react adds to threejs (and any other platform it renders to), it allows it to compose.

☄︎

30,505 Aufrufe • vor 2 Jahren

For our new product, we built a chat in React Native that feels like iMessage Here's how we did it: ① Fabric Swift View ② UICollectionView ③ SwiftUI cells via UIHostingConfiguration React is responsible for the state - mutations, fetching, infinite loading - all via React Query. The native Fabric view is purely for rendering. React decides what to show, native decides how to show it The bridge between three frameworks was tricky but worth it. UICollectionView animations come for free and scroll performance is native-smooth No blank spaces and no FPS drops - all powered by the New Architecture Who wants to see the code?
0:25

For our new product, we built a chat in React Native that feels like iMessage Here's how we did it: ① Fabric Swift View ② UICollectionView ③ SwiftUI cells via UIHostingConfiguration React is responsible for the state - mutations, fetching, infinite loading - all via React Query. The native Fabric view is purely for rendering. React decides what to show, native decides how to show it The bridge between three frameworks was tricky but worth it. UICollectionView animations come for free and scroll performance is native-smooth No blank spaces and no FPS drops - all powered by the New Architecture Who wants to see the code?

Baran

110,887 Aufrufe • vor 10 Monaten

I made it! 🥳 The Hotel Admin UI is completed. 😊🙌 Personally, I really enjoyed working on this UI. I was able to learn a lot and gain a better understanding of how to create a user friendly experience. Here are the features I implemented in this project: • Fully responsive design (mobile, tablet, desktop, large desktop - 4K) • Library of components (chakra-ui) • Loading indicator and skeleton while loading data • Mock API integration • CRUD operations • Search functionality • Modals and confirmation dialogs • Routing using react-router • Picture upload library (react-filepond) • Form validation • Data visualization chart (Chart.js) • Carousel with thumbnails (swiper.js) I hope you like it! #womenintech #100DaysOfCode #React
1:02

I made it! 🥳 The Hotel Admin UI is completed. 😊🙌 Personally, I really enjoyed working on this UI. I was able to learn a lot and gain a better understanding of how to create a user friendly experience. Here are the features I implemented in this project: • Fully responsive design (mobile, tablet, desktop, large desktop - 4K) • Library of components (chakra-ui) • Loading indicator and skeleton while loading data • Mock API integration • CRUD operations • Search functionality • Modals and confirmation dialogs • Routing using react-router • Picture upload library (react-filepond) • Form validation • Data visualization chart (Chart.js) • Carousel with thumbnails (swiper.js) I hope you like it! #womenintech #100DaysOfCode #React

Glenda Diaz

15,568 Aufrufe • vor 3 Jahren

We wanted to show the performance and the insane power of the Static Hermes native FFI. But we don't yet support the all language features needed to compile React Native (soon though!), so we improvised. We imported the bindings for DearImGui (a popular C++ imperative game UI library that renders meshes), and Sokol (an amazing lightweight 3D backend in C) and wrote a small demo. "Imperative UI" means that the entire UI and the state of the screen is recreated on every frame, which suits our purposes to demonstrate SH very well. The demo runs 100% compiled native code. JavaScript runs in every frame and recreates the entire state of the screen. It is portable to all platforms, though the screen layout is not optimized for phone. We wrote the demo in C++ and in JS, to compare, and they both ran with the same performance. In the attached videos you can see the demo running at the stable screen refresh rate - 120Hz on my Mac, 60Hz on a old Moto G5 phone. It includes some widgets, an n-body simulation of planets, a playable game demo, etc.
0:55

We wanted to show the performance and the insane power of the Static Hermes native FFI. But we don't yet support the all language features needed to compile React Native (soon though!), so we improvised. We imported the bindings for DearImGui (a popular C++ imperative game UI library that renders meshes), and Sokol (an amazing lightweight 3D backend in C) and wrote a small demo. "Imperative UI" means that the entire UI and the state of the screen is recreated on every frame, which suits our purposes to demonstrate SH very well. The demo runs 100% compiled native code. JavaScript runs in every frame and recreates the entire state of the screen. It is portable to all platforms, though the screen layout is not optimized for phone. We wrote the demo in C++ and in JS, to compare, and they both ran with the same performance. In the attached videos you can see the demo running at the stable screen refresh rate - 120Hz on my Mac, 60Hz on a old Moto G5 phone. It includes some widgets, an n-body simulation of planets, a playable game demo, etc.

Tzvetan Mikov

826,175 Aufrufe • vor 2 Jahren

Everyone's sleeping on MiniMax. Again. They just shipped M3. The first open-weights model to combine frontier coding, 1M context, and native multimodality in one drop. I plugged it into Claude Code this morning. Pasted a design from Dribbble. Watched M3 write production-ready React code in one session. At the agency, I just replaced Opus 4.8 with M3 for 80% of our coding tasks. The output is the same and we are running everything at a fraction of the cost. Open infrastructure is the future.
1:35

Everyone's sleeping on MiniMax. Again. They just shipped M3. The first open-weights model to combine frontier coding, 1M context, and native multimodality in one drop. I plugged it into Claude Code this morning. Pasted a design from Dribbble. Watched M3 write production-ready React code in one session. At the agency, I just replaced Opus 4.8 with M3 for 80% of our coding tasks. The output is the same and we are running everything at a fraction of the cost. Open infrastructure is the future.

Prajwal Tomar

12,904 Aufrufe • vor 3 Monaten

“I think this is a really brave, important, and right step by the King, and I fully support it” The #bbcqt audience and Labour’s Lisa Nandy react to the news that Andrew has been stripped of his 'Prince' title and will move out of Royal Lodge
1:42

“I think this is a really brave, important, and right step by the King, and I fully support it” The #bbcqt audience and Labour’s Lisa Nandy react to the news that Andrew has been stripped of his 'Prince' title and will move out of Royal Lodge

BBC Question Time

54,303 Aufrufe • vor 10 Monaten

Let's build a Deepseek Wrapper (Mobile App) without writing a single line of code! Everyone is talking about building web apps with AI, but no one is talking about building mobile apps. This video tutorial and @senior_swc template (built by ) will help you get starting building an app on iOS. This is react native so it's also compatible with Android and Web (But we will cover this in a future video). The point of this video is to get some experience in the simulator and to start building an app. In a video, soon, we will take the app we've built, test it on our phone, and put it on Test-Flight! (Without writing ANY code!) Just a warning: The DeepSeek API has been tough to rely on. So I decided to add Gemini into my app as a backup, which you can do as well (with any AI model) The code for template is on the next tweet. Timestamps: 00:00 Introduction 01:35 Setting Up Xcode and iPhone Simulator 02:29 Downloading and Configuring Cursor 04:10 Forking the Template and Initial Setup 06:10 Implementing Authentication with Clerk 08:23 Adding DeepSeek API and Testing 13:35 Enhancing the App with SupaData API 19:00 Using the Serp API to fetch video links 23:00 Figuring things out 27:30 Woohoo!!! Perplexitube Shout out to Galaxies-dev on GitHub, who's repo (chatgpt-clone-react-native), we very helpful in building this template quickly.
28:54

Let's build a Deepseek Wrapper (Mobile App) without writing a single line of code! Everyone is talking about building web apps with AI, but no one is talking about building mobile apps. This video tutorial and @senior_swc template (built by ) will help you get starting building an app on iOS. This is react native so it's also compatible with Android and Web (But we will cover this in a future video). The point of this video is to get some experience in the simulator and to start building an app. In a video, soon, we will take the app we've built, test it on our phone, and put it on Test-Flight! (Without writing ANY code!) Just a warning: The DeepSeek API has been tough to rely on. So I decided to add Gemini into my app as a backup, which you can do as well (with any AI model) The code for template is on the next tweet. Timestamps: 00:00 Introduction 01:35 Setting Up Xcode and iPhone Simulator 02:29 Downloading and Configuring Cursor 04:10 Forking the Template and Initial Setup 06:10 Implementing Authentication with Clerk 08:23 Adding DeepSeek API and Testing 13:35 Enhancing the App with SupaData API 19:00 Using the Serp API to fetch video links 23:00 Figuring things out 27:30 Woohoo!!! Perplexitube Shout out to Galaxies-dev on GitHub, who's repo (chatgpt-clone-react-native), we very helpful in building this template quickly.

Riley Brown

128,580 Aufrufe • vor 1 Jahr

🚨 Electrical engineers are going to hate this. Someone just turned React into a circuit board factory. Write code. Get a real PCB manufactured and delivered to your door. It's called tscircuit. React for Electronics. No Altium. No $10,000/year licenses. No 6-month learning curve. You write React components. But instead of and , you write , , and . The same way you build a website. That's how you build a circuit board now. Here's what this thing actually does: → Design real circuit boards using TypeScript and React → Edit code in your IDE, watch the circuit update in real time → Auto-generates schematics, PCB layouts, and 3D previews from your code → Automatic part selection and bill of materials generation → Built-in autorouting algorithm for PCB traces → Export to Gerber files and send directly to a manufacturer → Online playground. Design circuits in your browser right now. Here's the wildest part: The creator wrote 40 lines of TypeScript. From that he got a full PCB, a schematic, and a 3D preview. Then he exported it, sent it to a manufacturer, and got a real working circuit board delivered. 40 lines of code. A real physical product. This is free. Write React. Get hardware. $20K+ in bounties already paid to contributors. 8 years in the making. 100% Open Source. MIT License.
3:42

🚨 Electrical engineers are going to hate this. Someone just turned React into a circuit board factory. Write code. Get a real PCB manufactured and delivered to your door. It's called tscircuit. React for Electronics. No Altium. No $10,000/year licenses. No 6-month learning curve. You write React components. But instead of and , you write , , and . The same way you build a website. That's how you build a circuit board now. Here's what this thing actually does: → Design real circuit boards using TypeScript and React → Edit code in your IDE, watch the circuit update in real time → Auto-generates schematics, PCB layouts, and 3D previews from your code → Automatic part selection and bill of materials generation → Built-in autorouting algorithm for PCB traces → Export to Gerber files and send directly to a manufacturer → Online playground. Design circuits in your browser right now. Here's the wildest part: The creator wrote 40 lines of TypeScript. From that he got a full PCB, a schematic, and a 3D preview. Then he exported it, sent it to a manufacturer, and got a real working circuit board delivered. 40 lines of code. A real physical product. This is free. Write React. Get hardware. $20K+ in bounties already paid to contributors. 8 years in the making. 100% Open Source. MIT License.

Nav Toor

381,057 Aufrufe • vor 5 Monaten

Introducing Perplexi-Tube, the Perplexity for YouTube that I built in 20 minutes... A Mobile app that uses Deepseek and Gemini I used Cursor and the React Native template built that makes building mobile apps incredibly easy. Tomorrow I'm releasing a full tutorial on how to create a mobile app with react native. You will need - XCode and Simulator (free) - Cursor - A Clerk Account (for auth, free) - A Deepseek API Key - A Gemini API Key (Optional, we used it because deepseek has been down today) Video will be released tomorrow, and I will open source this code as well.
0:29

Introducing Perplexi-Tube, the Perplexity for YouTube that I built in 20 minutes... A Mobile app that uses Deepseek and Gemini I used Cursor and the React Native template built that makes building mobile apps incredibly easy. Tomorrow I'm releasing a full tutorial on how to create a mobile app with react native. You will need - XCode and Simulator (free) - Cursor - A Clerk Account (for auth, free) - A Deepseek API Key - A Gemini API Key (Optional, we used it because deepseek has been down today) Video will be released tomorrow, and I will open source this code as well.

Riley Brown

117,889 Aufrufe • vor 1 Jahr

I love working with React etc (and teaching it, obviously). Because React & co are amazing libraries that allow us to build amazing websites & web apps. BUT! There is a but... The majority of all websites are actually NOT powered by React etc.
0:58

I love working with React etc (and teaching it, obviously). Because React & co are amazing libraries that allow us to build amazing websites & web apps. BUT! There is a but... The majority of all websites are actually NOT powered by React etc.

Maximilian

12,878 Aufrufe • vor 2 Jahren

IMHO, Dear ImGui is easily the most underrated library for in-game UI. I built a custom UI framework on top of it (skinning, animations, layouts, HUD elements, scaling, aligment etc) for my engine. Couldn't be happier with how fast and clean it turned out.
0:30

IMHO, Dear ImGui is easily the most underrated library for in-game UI. I built a custom UI framework on top of it (skinning, animations, layouts, HUD elements, scaling, aligment etc) for my engine. Couldn't be happier with how fast and clean it turned out.

Ioannis Koukourakis

17,829 Aufrufe • vor 1 Monat

#F1 | Lewis Hamilton believes the team is very well equipped to take on the 2026 season: “Just to be in Fiorano, you know, to be at Ferrari, to be here, to know that this is a start of a long journey, but one that I know that it just feels right, I think the team is in the best place it’s been, I think, for the time I’ve been here. And seeing everyone so motivated and driven, I think we’re really on it.” “We’ve got a lot of work to do to really make sure we do all the diligence and we really understand this car and we really have to be quick to react, be very dynamic but I feel like all hands are on deck so I’m sure we can do that.”
0:43

#F1 | Lewis Hamilton believes the team is very well equipped to take on the 2026 season: “Just to be in Fiorano, you know, to be at Ferrari, to be here, to know that this is a start of a long journey, but one that I know that it just feels right, I think the team is in the best place it’s been, I think, for the time I’ve been here. And seeing everyone so motivated and driven, I think we’re really on it.” “We’ve got a lot of work to do to really make sure we do all the diligence and we really understand this car and we really have to be quick to react, be very dynamic but I feel like all hands are on deck so I’m sure we can do that.”

deni

23,078 Aufrufe • vor 7 Monaten

introducing kenkyu kenkyu is an autonomous research agent that I made a while back. it is designed to transform a single user query into a comprehensive, structured report. how it works : - it takes user input as query - plans the next course of action - researches about the plan created using tavily - synthesis the collected information into a detailed final response it functions by orchestrating a multi agent workflow that mimics the steps of a human researcher , but at a much higher speed and scale. this is the v0 prototype, currently open source as of now and i have a lot of things planned that i want to add it in the future.
1:47

introducing kenkyu kenkyu is an autonomous research agent that I made a while back. it is designed to transform a single user query into a comprehensive, structured report. how it works : - it takes user input as query - plans the next course of action - researches about the plan created using tavily - synthesis the collected information into a detailed final response it functions by orchestrating a multi agent workflow that mimics the steps of a human researcher , but at a much higher speed and scale. this is the v0 prototype, currently open source as of now and i have a lot of things planned that i want to add it in the future.

sharpeye

35,183 Aufrufe • vor 6 Monaten

(the longer version of the rose story) Sh: oh, there is a rose in our room! I didn’t mean to show it to you guys (joking), but JS went and bought it secretly for me. I got it as a gift from JS, you have to tell them. JS: there is a smoking room in the first floor of our hotel, I went there to smoke and found that there is a flower shop beside it. After I saw the shop I went to smoke and was thinking “should I buy him a flower?”. After I finished smoking, SH was totally absorbed in his phone so I went immediately to the flower shop and bought one rose and gifted it to him. SH: It’s been a very long time since I received flowers, because of Mangchi JS: yes that’s right, it’s difficult to give him flowers because we have Mangchi at home so I thought you’d be happy to get flowers since we are on a trip SH: I’ve said that a lot, when we are going somewhere and see couples on a date I’d be like “oh that couple, they got flowers” JS: SH was so happy to receive the flowers that he bought me a lot of clothes. So I was like “I will gift you a rose in a different color each day” and SH was like “then I will buy you every color of this clothes” 😂❣️
1:35

(the longer version of the rose story) Sh: oh, there is a rose in our room! I didn’t mean to show it to you guys (joking), but JS went and bought it secretly for me. I got it as a gift from JS, you have to tell them. JS: there is a smoking room in the first floor of our hotel, I went there to smoke and found that there is a flower shop beside it. After I saw the shop I went to smoke and was thinking “should I buy him a flower?”. After I finished smoking, SH was totally absorbed in his phone so I went immediately to the flower shop and bought one rose and gifted it to him. SH: It’s been a very long time since I received flowers, because of Mangchi JS: yes that’s right, it’s difficult to give him flowers because we have Mangchi at home so I thought you’d be happy to get flowers since we are on a trip SH: I’ve said that a lot, when we are going somewhere and see couples on a date I’d be like “oh that couple, they got flowers” JS: SH was so happy to receive the flowers that he bought me a lot of clothes. So I was like “I will gift you a rose in a different color each day” and SH was like “then I will buy you every color of this clothes” 😂❣️

쏠

17,797 Aufrufe • vor 1 Jahr

This weekend, I explored a mobile game idea with my kids (they suggested a mobile pokemon-like game) so I had them coming up with ideas for the creatures and I try to visualise them with ChatGPT Images 2.0 and vibe coded a small prototype on Cursor to play around with. The art direction of the creatures are in vinyl toy matte style so it has this toy-like aesthetic quality that I quite like! For a mobile app/game, I went with Expo + React Native to create this mobile app so that I have one code-base for both Android and iOS. So far I'm pretty impressed with Expo's live mobile app preview feature! Being able to easily preview the mobile app on my phone in seconds is a big plus.
0:26

This weekend, I explored a mobile game idea with my kids (they suggested a mobile pokemon-like game) so I had them coming up with ideas for the creatures and I try to visualise them with ChatGPT Images 2.0 and vibe coded a small prototype on Cursor to play around with. The art direction of the creatures are in vinyl toy matte style so it has this toy-like aesthetic quality that I quite like! For a mobile app/game, I went with Expo + React Native to create this mobile app so that I have one code-base for both Android and iOS. So far I'm pretty impressed with Expo's live mobile app preview feature! Being able to easily preview the mobile app on my phone in seconds is a big plus.

Danny Limanseta

39,195 Aufrufe • vor 4 Monaten