- Видео 48
- Просмотров 102 966
Atila
Германия
Добавлен 6 апр 2020
Making complex code simpler.
Multi-threaded SolidStart with Web-Workers
💡 Web-Workers enable programs to run heavy computations, data processing, or file handling without blocking the user interface. Ensuring that web applications remain responsive and smooth.
Because they run on a separate thread (worker thread), they have no access to DOM APIs and can also be used as a safer alternative to run 3rd party code, even if it does not have demanding memory usage.
Chapters:
========
00:00 Single-threads by default
00:41 Promises in single-thread
01:17 Multi-threads with Web-Workers
02:09 Vite setup
02:43 Writing the tasks
03:34 The components
04:50 Run the Sync task
05:16 Run Async task
06:10 Create a Web-Worker
07:05 Add Web-Worker to click handler
07:47 Performance benchmark...
Because they run on a separate thread (worker thread), they have no access to DOM APIs and can also be used as a safer alternative to run 3rd party code, even if it does not have demanding memory usage.
Chapters:
========
00:00 Single-threads by default
00:41 Promises in single-thread
01:17 Multi-threads with Web-Workers
02:09 Vite setup
02:43 Writing the tasks
03:34 The components
04:50 Run the Sync task
05:16 Run Async task
06:10 Create a Web-Worker
07:05 Add Web-Worker to click handler
07:47 Performance benchmark...
Просмотров: 735
Видео
E-mail verification flow, end-to-end with Node.js
Просмотров 321День назад
💡 Verifying that address through a confirmation process serves multiple critical purposes: 1️⃣ it ensures the user has provided a valid, working email address they actually own (which is essential for account recovery and communications) 2️⃣ helps prevent spam and automated bot registrations 3️⃣ enhances security by adding an authentication layer reduces the creation of fraudulent accounts 4️⃣ ...
Implement OTP (One-Time Password) verification with Node.js
Просмотров 54514 дней назад
💡 OTP is a type of 2FA (two-factor authentication ) method that requires users to enter a unique, randomly generated code to access their account. This code is typically valid for a short period of time and is generated either by an app on the user's device or sent to the user via SMS or email. 🔐 OTPs help prevent unauthorized access to accounts, even if the login credentials are compromised, m...
Implementing Auth from scratch - no dependencies!
Просмотров 1,9 тыс.21 день назад
💡 "Auth" is a double-abbreviation, it's used to refer to both Authentication (verifying who someone is) and Authorization (determining what they're allowed to do or access). Today we will look at how to implement an Auth system, from managing sessions, registering and logging users in, and of course: security! We'll protect the data and make sure users can only access what we want them to regar...
All you need to add optimistic UI to your project!
Просмотров 272Месяц назад
Optimistic updates are a technique used to improve the perceived responsiveness of an application. E.g.: When a user performs an action (like submitting a form) the interface immediately updates to reflect the expected result, without waiting for confirmation from the server. This gives users instant feedback and a smoother experience. If the server request fails, the interface can then revert ...
Realtime data with WebSockets on SolidStart
Просмотров 616Месяц назад
Building a live chat app with #SolidStart and #websockets WebSockets provide a persistent, bidirectional communication channel between a client and server, enabling real-time data exchange without the need for repeated HTTP requests. Chapters: 00:00 Intro 00:48 What are we're going to do 1:26 Finished app and the codebase 1:58 Quick demo 2:19 Configure app build (app.config.ts) 3:39 WebSocket S...
SolidHack 2024 - Money Prizes for Building with Solid
Просмотров 258Месяц назад
SolidHack 2024 - Money Prizes for Building with Solid check the rules at hack.solidjs.com find us at: discord.gg/solidjs
SolidStart calls for you!
Просмотров 2,5 тыс.10 месяцев назад
With SolidStart approaching stability, every tool, project, and open-source project needs a new starter, template, or guide! Now it's the time to get your OSS contributions, learn something new, and empower this amazing and welcoming ecosystem!!! Chapters 00:00 Intro 00:15 An opportunity 00:59 The gist of what we're going to do here 1:15 Create a new project with Solid starter CLI 2:28 Walkthro...
Tauri and Solid make mobile and desktop apps
Просмотров 17 тыс.10 месяцев назад
Tauri v2 is almost stable, combining Tauri and Solid we can now ship native apps in MacOS, Windows, Linux, Android, and iOS. One codebase! Plus, all together at once with Hot Module Replacement 🤯 Chapters: 00:00 - Tauri v2 00:30 - What's Quantum ? 01:00 - Create a new project from Quantum 01:45 - Initialize iOS development setup 02:08 - Initialize Android development setup 02:20 - Project tour,...
Solid Nested Reactivity with Stores
Просмотров 74111 месяцев назад
You started using Solid, you're getting good at Control Flow, how the Signals and the Observer Pattern work. But then you hear something about "nested reactivity" and how that can hurt your rendering performance. Let's have a look at what that is and how Stores can make all headaches go away! Chapters 00:00 - Intro 00:25 - Todo Lists with Signals vs Stores 01:20 - Checking first renders 01:40 -...
Auto-completion and bulletproof environment variables with Zod
Просмотров 290Год назад
Auto-completion and bulletproof environment variables with Zod
Server Actions powered Auth in Solid-Start with Xata and Zod
Просмотров 912Год назад
Server Actions powered Auth in Solid-Start with Xata and Zod
Absolute speed: SolidJS + Web-Workers
Просмотров 4,2 тыс.Год назад
Absolute speed: SolidJS Web-Workers
Solving assertions in TypeScript with Predicates: the runtime-aware Type Guard
Просмотров 135Год назад
Solving assertions in TypeScript with Predicates: the runtime-aware Type Guard
Protecting sensitive and user private data with Row-Level Security
Просмотров 103Год назад
Protecting sensitive and user private data with Row-Level Security
React Server Components Crash Course with Next.js
Просмотров 379Год назад
React Server Components Crash Course with Next.js
React Server Components: The 5 most asked questions
Просмотров 253Год назад
React Server Components: The 5 most asked questions
Narrow types properly with Array.filter. The right and the better way
Просмотров 291Год назад
Narrow types properly with Array.filter. The right and the better way
Authenticate your Next.js app and have your user db on Xata with a 1-liner
Просмотров 667Год назад
Authenticate your Next.js app and have your user db on Xata with a 1-liner
I do not have a use-case for SASS anymore
Просмотров 172Год назад
I do not have a use-case for SASS anymore
Satisfying Types for Better Developer Experience
Просмотров 252Год назад
Satisfying Types for Better Developer Experience
Xata - Full-text Search and Aggregations in 4 minutes!
Просмотров 348Год назад
Xata - Full-text Search and Aggregations in 4 minutes!
Write and Test State-Machines with XState and Vitest
Просмотров 1,9 тыс.2 года назад
Write and Test State-Machines with XState and Vitest
Web-Workers, React, and TypeScript: Off the main thread!
Просмотров 22 тыс.3 года назад
Web-Workers, React, and TypeScript: Off the main thread!
Strong typing useRef : React + TypeScript
Просмотров 6 тыс.3 года назад
Strong typing useRef : React TypeScript
Type useContext : React and TypeScript
Просмотров 16 тыс.3 года назад
Type useContext : React and TypeScript