Learn SolidJS & Solid Start - Build a Full-Stack App (For React Devs)
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
Auf dieser Seite können Sie das Online-Video Learn SolidJS & Solid Start - Build a Full-Stack App (For React Devs) mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Coding Jitsu 01 Januar 1970 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 6,979 Mal angesehen und es wurde von 214 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
