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
On this page of the site you can watch the video online Learn SolidJS & Solid Start - Build a Full-Stack App (For React Devs) with a duration of hours minute second in good quality, which was uploaded by the user Coding Jitsu 01 January 1970, share the link with friends and acquaintances, this video has already been watched 6,979 times on youtube and it was liked by 214 viewers. Enjoy your viewing!
