Atila
Atila
  • 40
  • 92 925
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 👍
zhlédnutí: 2 339

Video

Tauri and Solid make mobile and desktop apps
zhlédnutí 14KPřed 8 měsíci
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
zhlédnutí 682Před 8 měsíci
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
zhlédnutí 288Před 8 měsíci
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
zhlédnutí 1,4KPřed 9 měsíci
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
zhlédnutí 279Před rokem
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: czca...
Server Actions powered Auth in Solid-Start with Xata and Zod
zhlédnutí 807Před rokem
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
zhlédnutí 1,4KPřed rokem
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
zhlédnutí 4,1KPřed rokem
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
zhlédnutí 128Před rokem
Solving assertions in TypeScript with Predicates: the runtime-aware Type Guard
Zod makes your content better!
zhlédnutí 156Před rokem
Zod makes your content better!
Protecting sensitive and user private data with Row-Level Security
zhlédnutí 99Před rokem
Protecting sensitive and user private data with Row-Level Security
React Server Components Crash Course with Next.js
zhlédnutí 376Před rokem
React Server Components Crash Course with Next.js
React Server Components: The 5 most asked questions
zhlédnutí 250Před rokem
React Server Components: The 5 most asked questions
Narrow types properly with Array.filter. The right and the better way
zhlédnutí 286Před rokem
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
zhlédnutí 637Před rokem
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
zhlédnutí 166Před rokem
I do not have a use-case for SASS anymore
Satisfying Types for Better Developer Experience
zhlédnutí 250Před rokem
Satisfying Types for Better Developer Experience
Xata - Full-text Search and Aggregations in 4 minutes!
zhlédnutí 336Před rokem
Xata - Full-text Search and Aggregations in 4 minutes!
Write and Test State-Machines with XState and Vitest
zhlédnutí 1,9KPřed 2 lety
Write and Test State-Machines with XState and Vitest
Web-Workers, React, and TypeScript: Off the main thread!
zhlédnutí 22KPřed 3 lety
Web-Workers, React, and TypeScript: Off the main thread!
Strong typing useRef : React + TypeScript
zhlédnutí 6KPřed 3 lety
Strong typing useRef : React TypeScript
Type useContext : React and TypeScript
zhlédnutí 16KPřed 3 lety
Type useContext : React and TypeScript
Typing Form Events [React + TypeScript]
zhlédnutí 10KPřed 3 lety
Typing Form Events [React TypeScript]
Write an API with Netlify Functions and TypeScript
zhlédnutí 1,9KPřed 4 lety
Write an API with Netlify Functions and TypeScript
CSS: prefers-color-scheme
zhlédnutí 805Před 4 lety
CSS: prefers-color-scheme
TypeScript Utility Types: Part #2
zhlédnutí 604Před 4 lety
TypeScript Utility Types: Part #2
TypeScript Utility Types: Part #1
zhlédnutí 1,8KPřed 4 lety
TypeScript Utility Types: Part #1
Check Array for Content
zhlédnutí 106Před 4 lety
Check Array for Content
Using flatMap
zhlédnutí 272Před 4 lety
Using flatMap