Atila
Atila
  • 40
  • 93 118
SolidStart calls for you!
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 Walkthrough the starter template structure fresh out of the box
2:43 The Router and the Root of your SolidStart app
3:15 Create a library to handle external requests and integrations
3:37 Caching data
4:15 Create a generic data function
5:29 Preload data before navigating into pages
6:34 Combine Show with the router's Suspense
7:18 Handling errors in our fetch request
7:55 Adding an ErrorBoundary to your app's root
8:30 Creating an ErrorHandler component and passing the correct status code
9:55 Going an extra mile with better UI Components
10:40 Kobalte
11:05 Corvu
11:29 Ark-UI and Park-UI
11:49 Solid-UI
12:33 Maximize your content and contributions
12:55 Solid Resources
13:25 The moment you subscribe 👍
Переглядів: 2 345

Відео

Tauri and Solid make mobile and desktop apps
Переглядів 14 тис.8 місяців тому
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
Переглядів 6858 місяців тому
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 -...
Forget about memo with this
Переглядів 2898 місяців тому
Since React-Forget became a thing, there's a bunch of talk about “fine-grained MEMOIZATION” and the performance benefits of memoizing your rendered JSX. To the point that memoization techniques have been compared to Fine-Grained Reactivity, but those two concepts should not be part of the same conversation. Chapters 00:00 - Intro 1:09 - Memoization concept 1:30 - Concept of Fine-Grained Reactiv...
Doing lists right, the Solid way
Переглядів 1,4 тис.9 місяців тому
Control Flow components can be confusing to deal with, specially when coming from other (more opinionated) frameworks where there's only one way of doing things. Solid let's you be more in control of how your app updates and optimize things the way you see fit. Chapters 0:50 - Concept Breakdown 2:17 - The 3 types of iteration we cover 03:16 - In practice: For vs Array.map 04:47 - For is better ...
Auto-completion and bulletproof environment variables with Zod
Переглядів 279Рік тому
This time an incredible DX booster that you can setup in a few quick steps to make sure you don't land on any environment with undefined tokens! Chapters 00:00 - Intro 1:12 - What's Zod 1:35 - Coding schema types for Env Var on any JS runtime 2:55 - Astro has some special DX 3:15 - Wrapping thoughts! See ya next time! 🎥 Other videos I mentioned Server Actions powered Auth with Solid-Start: ua-c...
Server Actions powered Auth in Solid-Start with Xata and Zod
Переглядів 811Рік тому
Adding authentication to an app is a process always filled with decisions. This one is a good old proof of concept on getting Authentication and Authorization working on a Solid-Start app. Storing users in your database, validating data and keeping dependencies to a minimum! Chapters 00:00 - Hello! 00:21 - Introduction: Why are we doing this? 00:54 - Dependencies Review 01:36 - Reviewing what w...
Server Actions with SolidStart
Переглядів 1,4 тис.Рік тому
SolidStart has Server Actions and they're ready to go!! Let's create a login form and validate our data on the server with some awesome APIs made available within the framework. From progressive enhancement to error handling!! A solid experience! 😏 Chapters 00:00 - Hello! 00:40 - Series Overview 01:46 - Code setup 02:11 - Create server action and Form 03:00 - Completing the UX of our form beyon...
Absolute speed: SolidJS + Web-Workers
Переглядів 4,1 тис.Рік тому
Few things can compete when Fine-Grained Reactivity meets multi-threaded asynchronous code! Add to that the incredible Developer Experience from Vite and we have blazest of the fastest ⚡️ Let's see how to bring Web-Workers to a SolidStart app in under 5 minutes of coding! 00:00 - Intro 00:30 - Heavy lifting on the Frontend 00:40 - Concurrent Async 01:14 - Parallel Async with Workers 02:19 - Sol...
Solving assertions in TypeScript with Predicates: the runtime-aware Type Guard
Переглядів 128Рік тому
Solving assertions in TypeScript with Predicates: the runtime-aware Type Guard
Zod makes your content better!
Переглядів 156Рік тому
Zod makes your content better!
Protecting sensitive and user private data with Row-Level Security
Переглядів 100Рік тому
Protecting sensitive and user private data with Row-Level Security
React Server Components Crash Course with Next.js
Переглядів 376Рік тому
React Server Components Crash Course with Next.js
React Server Components: The 5 most asked questions
Переглядів 250Рік тому
React Server Components: The 5 most asked questions
Narrow types properly with Array.filter. The right and the better way
Переглядів 286Рік тому
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
Переглядів 639Рік тому
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
Переглядів 166Рік тому
I do not have a use-case for SASS anymore
Satisfying Types for Better Developer Experience
Переглядів 250Рік тому
Satisfying Types for Better Developer Experience
Xata - Full-text Search and Aggregations in 4 minutes!
Переглядів 336Рік тому
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
Typing Form Events [React + TypeScript]
Переглядів 10 тис.3 роки тому
Typing Form Events [React TypeScript]
Write an API with Netlify Functions and TypeScript
Переглядів 1,9 тис.4 роки тому
Write an API with Netlify Functions and TypeScript
CSS: prefers-color-scheme
Переглядів 8084 роки тому
CSS: prefers-color-scheme
TypeScript Utility Types: Part #2
Переглядів 6044 роки тому
TypeScript Utility Types: Part #2
TypeScript Utility Types: Part #1
Переглядів 1,8 тис.4 роки тому
TypeScript Utility Types: Part #1
Check Array for Content
Переглядів 1064 роки тому
Check Array for Content
Using flatMap
Переглядів 2724 роки тому
Using flatMap