Build a REST API Client in Solid JS - Part 1 / 2

Описание: Learn how to build a REST API Client like Postman or Insomnia (a basic version) using Solid JS. We're going to cover a bunch of topics in this course. We'll talk about Solid JS's core concepts like reactivity, signals, directives, routing, and how SolidJS works in general. Learning SolidJS itself is a bit tough and I've been through the process, but this tutorial will make it much easier for you to learn Solid JS.

Code Snippets: https://gist.github.com/AhsanAyaz/690...

ESLint Extension: https://marketplace.visualstudio.com/...

Finished Code: https://github.com/code-with-ahsan/so...

__

✨FREE APIs to use for your passion projects ✨
https://codewithahsan.dev/rapidapi

⭐ Sign up for updates on my Full Stack Developer Course: https://codewithahsan.dev

⭐ New to code and none of this is making sense? Watch my '5+ YouTube Coding Bootcamp' in which you will learn HTML, CSS, and JavaScript Fundamentals completely from scratch. It's at https://codewithahsan.dev/web-dev-boo... and it's 100% free.

⭐ If you would like to buy me a coffee, well thank you very much that is super cool! : https://buymeacoffee.com/codewithahsan

You can also find me on:
Twitter:   / codewith_ahsan  
Instagram:   / codewithahsan  
GitHub: https://github.com/ahsanayaz
Facebook:   / codewithahsan  


Timeline:
00:00:00 Intro
00:06:30 Set up Tailwind CSS
00:08:55 Install the font Nunito
00:10:36 Add Ionic Icons (Ionicons)
00:11:23 Set Up ESLint
00:14:13 Implementing Navbar
00:15:16 Implementing Routing
00:17:44 Creating Home & About Pages
00:20:11 Creating Interfaces for Requests
00:22:35 Creating Dummy Rest Requests
00:26:31 Using storage for persistence
00:28:53 Understanding the createStorageSignal
00:32:32 Implementing the Create Request Modal
00:35:47 Implementing IconButton component
00:39:20 Integrating Solid Forms
00:46:00 Creating Solid Form Controls
00:49:56 Using `withControl` function to wrap our RestClientForm
00:55:08 Inspecting Control's state properties
00:56:11 Creating a Directive in SolidJS
01:02:20 Creating a new Request (finally)
01:03:04 Deleting Requests