Learn SolidJS & Solid Start - Build a Full-Stack App (For React Devs)

Publicado em: 01 Janeiro 1970
no canal de: Coding Jitsu

6,979

214

Join this channel to get access to perks:
/ @codingjitsu

SolidJS is taking the web development world by storm, but is it ready to replace React? In this tutorial, we dive deep into SolidJS and its full-stack framework, Solid Start, to build a complete project from scratch.

We'll compare SolidJS with React, explore its core concepts, and see how Solid Start delivers server-side rendering, API routes, and incredible performance. If you're curious about the future of front-end development, this video is for you.

✨ What you'll learn:
00:00 - Introduction
01:33 - Project Demo
08:42 - Why SolidJS (SolidJS vs. React/Next: Key Differences)
16:09 - SolidJS Core Concepts & Syntax
1:04:24 - Building Our Full-Stack Project
1:13:52 - SolidStart File Based Routing
1:23:36 - Styling
1:50:14 - Creating Placeholder-data
1:53:37 - Set up Postgres DB in Docker
1:57:50 - Env type definition for auto completion
1:58:32 - Starting Docker Postgres
1:58:57 - Seeding data
2:00:58 - Creating our first DB Table with SQL
2:13:39 - Querying the table with PSQL
2:15:00 - Query data (Testing)
2:19:45 - Fetching Data
2:46:10 - SolidJS Show Primitive
2:54:16 - Layout route
2:58:16 - Solid `A` with activeClass
3:00:23 - Solid Suspense primitive
3:06:20 - SolidSart Data (pre-)Loading
3:11:49 - Adding Search component
3:26:16 - Making Search functional
3:44:40 - Adding Pagination
4:14:54 - Mutating Data
4:26:05 - Dynamic Route
4:42:42 - Handling Error
5:23:19 - Homework
5:24:23 - Error Boundary
5:27:27 - Adding custom Font and SEO optimization
5:31:59 - Final Thoughts: Should You Switch?

👨‍💻 SolidJS Tutorial for Beginners | Solid Start Full-Stack Project

#SolidJS #SolidStart #WebDevelopment #JavaScript #React #NextJS #FullStack #Coding

💙 Supporting the Channel:
If you enjoyed this video, liking, subscribing, and sharing it is the best way to support me! I'm incredibly grateful to recently become a YouTube Partner. If you'd like to offer extra support, you can use the "Super Thanks" button. Thank you for being here!

🔗 Useful Links:
SolidJS Official Site: https://www.solidjs.com/
Solid Start Docs: https://start.solidjs.com/getting-sta...
Project Code: https://github.com/w3tsadev/solid-das...
SolidJS Author: / @ryansolid

Nesta página do site você pode assistir ao vídeo on-line Learn SolidJS & Solid Start - Build a Full-Stack App (For React Devs) duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Coding Jitsu 01 Janeiro 1970, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 6,979 vezes e gostou 214 espectadores. Boa visualização!