Video Belajar
Tonton dan pelajari berbagai topik menarik melalui video pembelajaran eksklusif dari Channel Ray Villalobos.
Ray Villalobos
11123
AstroJS - The JavaScript Meta Framework you'll WANT to use
Astro has been getting more hype recently than any other framework. After spending some quality developer time with it, I can say that it absolutely deserves the hype.
It's a Meta Framework that lets you use components from just about any other framework including React, Vue or Svelte. You can even mix and match components from different frameworks.
It also has the best implementation of partial hydration which loads the javascript for components only when you need them.
But don't take my word for it. Let's build something with it, so you can see why when I rebuild my blog later this year, it's what I'll be using.
Index
=====
00:00 Intro
00:40 Installing
01:58 Analyzing the Install
02:42 PicoCSS Styles
03:23 Creating a Layout
04:46 Markdown Pages
06:37 Props in MD Components
07:53 Creating an IMG Component
09:32 Using Globs to Read A Folder
11:55 Installing Tailwind CSS
13:22 Creating a Svelte Dark Mode Component
15:08 Partial Hydrating Components
Links
====
Astro: https://astro.build/
PicoCSS: https://picocss.com/
Tailwind CSS: https://tailwindcss.com/
Bootstrap Icons: https://icons.getbootstrap.com/
Follow Me
=======
Blog: https://raybo.org
LinkedIn: https://www.linkedin.com/in/planetoftheweb
Twitter: https://twitter.com/planetoftheweb
----
Blog: https://raybo.org/
It's a Meta Framework that lets you use components from just about any other framework including React, Vue or Svelte. You can even mix and match components from different frameworks.
It also has the best implementation of partial hydration which loads the javascript for components only when you need them.
But don't take my word for it. Let's build something with it, so you can see why when I rebuild my blog later this year, it's what I'll be using.
Index
=====
00:00 Intro
00:40 Installing
01:58 Analyzing the Install
02:42 PicoCSS Styles
03:23 Creating a Layout
04:46 Markdown Pages
06:37 Props in MD Components
07:53 Creating an IMG Component
09:32 Using Globs to Read A Folder
11:55 Installing Tailwind CSS
13:22 Creating a Svelte Dark Mode Component
15:08 Partial Hydrating Components
Links
====
Astro: https://astro.build/
PicoCSS: https://picocss.com/
Tailwind CSS: https://tailwindcss.com/
Bootstrap Icons: https://icons.getbootstrap.com/
Follow Me
=======
Blog: https://raybo.org
LinkedIn: https://www.linkedin.com/in/planetoftheweb
Twitter: https://twitter.com/planetoftheweb
----
Blog: https://raybo.org/