SolidJS Crash Course - Better Than React!
Автор: Ebenezer Don
Загружено: 2022-06-01
Просмотров: 29429
In this SolidJS tutorial, you'll learn state management, routing, data fetching, use of components, web storage and more! With SolidJS' straightforward state management, fine-grained reactivity and high performance, the framework has put itself on a pedestal for other JavaScript frameworks. Let's learn Solid.js by building a GitHub repos application.
My React crash course for FREE: • React Crash Course For Beginners 2023 - Bu...
Learn SolidStart, the SSR/SSG Framework for SolidJS: • SolidStart Crash Course - Build And Deploy...
SolidJS vs React comparison: https://www.newdev.io/blog/solidjs-vs...
My frontend guide: https://www.newdev.io/devguide/frontend
Watch Fireship's Solid in 100 Seconds video for a quick introduction.
Link to GitHub repository: https://github.com/ebenezerdon/solid-...
Link to hosted app: https://solid-gh-repos.netlify.app
Link to GitHub API: https://docs.github.com/en/rest/repos...
********Chapters*********
00:00:00 - Solid.js overview and What we’ll be building
00:03:28 - Creating our Solid.js app and codebase walkthrough
00:08:18 - Setting up our Github repos app
00:10:54 - Creating components in Solid.js
00:13:35 - Setting up routing for our GitHub repos Solid.js app
00:17:45 - Creating the nav component for our GitHub repos Solid.js app
00:22:29 - Data fetching and state management in Solid.js
00:29:33 - Using our fetched data - More on state management
00:37:39 - Creating our Repo card component and styling with Bootstrap
00:45:39 - Iteration with the For syntax in Solid.js
00:49:46 - Adding functionality for saving repositories
00:52:18 - Creating our setSaved repos function
00:57:34 - Adding functionality for removing saved repositories
01:04:19 - Persisting saved repos in local storage
01:09:10 - Homework/wrapping up
Connect with me via https://newdev.io/ebenezer
Follow me on LinkedIn: / ebenezerdon
Follow me on Twitter: / ebenezerdn
Follow me on GitHub: https://github.com/ebenezerdon
#webdevelopment #programming #coding #100secondsofcode #solidjs #react
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке: