At 3:55, the stylesheet link needs to be updated to Astro’s new process. Remove the link tag and add the following in the front matter of the BaseLayout.astro file: import '../styles/global.css' Hope that helps! Fixed on the community-improvements branch. ✌
A little more background: apparently Astro.resolve() has been depreciated. Here's more info about that: docs.astro.build/en/migrate/#deprecated-astroresolve
How can I check if the JIT engine is working? I'm seeing a lot of color variables in the elements tab as crossed out. Why would they be showing if they are not being used yet? I'm at the 10 minute mark in the video. I'm also not seeing "root" or clamp anywhere in dev tools
So I made a website similar to this but it doesnt dynamically resize to window size. I am using node.js + express for the server, and figma to code for exporting the HTML . Is there something I have overlooked ?
Yeah, and I’ve been having problems with the style sheets building on production builds when using imports. I’m sure they’ll figure it out; just have to keep reminding myself it’s in beta :)
I think it's because it's a single page, a Landing Page. I created a Head layout for the head tag, and also a Header and Footer component. I need the practice passing props so I thoughtt I would do the extra work.
Hi , thanks for all the support for react /javascript developers, my request is please do a react video how to use* All the FORM components like radio btn, select box,Checkbox,input, ,calendar etc,and group of those elements* and practically what we use in industry to build apps **without any third part library please only use pure react with hooks***,bcz it will give the clear idea before moving in to formik or any other libruary,i would appreciate if u can use Mongodb for this.I know u will help on this.
At 3:55, the stylesheet link needs to be updated to Astro’s new process. Remove the link tag and add the following in the front matter of the BaseLayout.astro file:
import '../styles/global.css'
Hope that helps! Fixed on the community-improvements branch. ✌
A little more background: apparently Astro.resolve() has been depreciated. Here's more info about that: docs.astro.build/en/migrate/#deprecated-astroresolve
@@AdamBJohnson1 thanks for linking to the docs!
This content is awesome! we meed more of this!
How can I check if the JIT engine is working? I'm seeing a lot of color variables in the elements tab as crossed out. Why would they be showing if they are not being used yet? I'm at the 10 minute mark in the video. I'm also not seeing "root" or clamp anywhere in dev tools
So I made a website similar to this but it doesnt dynamically resize to window size. I am using node.js + express for the server, and figma to code for exporting the HTML . Is there something I have overlooked ?
great
The template literal works with back ticks and surrounded by curly braces: class={`btn btn--${link.style} nav-link`}
thank you so much for this tip! I was driving myself nuts with this
Tried this but after inspecting, it is still showing the old code.
¡Gracias!
Wow, thank you for your support Sonia! :)
Do you have a video for your VSCode setup (extensions, theme, font, etc)? I tried searching your channel for something, but couldn't find it.
As of version 0.24.0-next Astro will no longer support Astro.resolve(). See the Migration Guide for more details.
Anyone else having issues with these "new" style imports not working when replacing Astro.resolve()? eg:
import '../js/main.js';
Yeah, and I’ve been having problems with the style sheets building on production builds when using imports. I’m sure they’ll figure it out; just have to keep reminding myself it’s in beta :)
Why didn't you split the layout into several astro components with their own styles? why lump it all together?
I think it's because it's a single page, a Landing Page. I created a Head layout for the head tag, and also a Header and Footer component. I need the practice passing props so I thoughtt I would do the extra work.
Hi ,
thanks for all the support for react /javascript developers,
my request is please do a react video how to use* All the FORM components like radio btn, select box,Checkbox,input, ,calendar etc,and group of those elements* and practically what we use in industry to build apps **without any third part library please only use pure react with hooks***,bcz it will give the clear idea before moving in to formik or any other libruary,i would appreciate if u can use Mongodb for this.I know u will help on this.