React: Building Components - Live Coding with Jesse
video description
Date: 2022-03-14
Related videos
Comments and reviews: 4
Brandon
Hey Jesse, or anyone watching who can help, I was wondering if you could shed some light on how the css is set up through nextjs? In the first vid, there was none, and in this one it seems like the styles are set up in the static folder? I see you've got the materialize.css and style.css in there? If you add styles in the style.css, is it automatically hooked up to the pages/components? Also, are you able to use your scss as well? Where do those files go? I also noticed that you're putting some styles inline, and I'm just wondering how it all fits together? I know that's a lot, but just wanted to throw it out there, in case other people were confused about this as well. Thanks!
reply
Hey Jesse, or anyone watching who can help, I was wondering if you could shed some light on how the css is set up through nextjs? In the first vid, there was none, and in this one it seems like the styles are set up in the static folder? I see you've got the materialize.css and style.css in there? If you add styles in the style.css, is it automatically hooked up to the pages/components? Also, are you able to use your scss as well? Where do those files go? I also noticed that you're putting some styles inline, and I'm just wondering how it all fits together? I know that's a lot, but just wanted to throw it out there, in case other people were confused about this as well. Thanks!
reply
Fabien
Thank you very much for your live coding sessions :)
At 16:30 You ask if you can import all your components in a single line. Yes you can by using this syntax :
import - Footer, StickyNav - from '../components'
You then need to have an index.js file in components folder refering to all components :
export - default as Footer - from './Footer';
export - default as StickyNav - from './StickyNav';
reply
Thank you very much for your live coding sessions :)
At 16:30 You ask if you can import all your components in a single line. Yes you can by using this syntax :
import - Footer, StickyNav - from '../components'
You then need to have an index.js file in components folder refering to all components :
export - default as Footer - from './Footer';
export - default as StickyNav - from './StickyNav';
reply
Boomer
Hi Jesse, I can't remember the exact name but I use a babel plugin that allows you to use class in react instead of className. Not sure why it's not default
reply
Hi Jesse, I can't remember the exact name but I use a babel plugin that allows you to use class in react instead of className. Not sure why it's not default
reply
LivingL393nd
Just wondering are there any C++, C#, or Java courses offered currently or is it all purely web based like javascript/html/css ?
reply
Just wondering are there any C++, C#, or Java courses offered currently or is it all purely web based like javascript/html/css ?
reply
Add a review, comment
Other channel videos
