React: Building Components - Live Coding with Jesse

See a professional front-end developer at work. Unscripted. Mistakes included.

-

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community.

[frostys]

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';

[Lancemaker]

the font on the right is easyer to read.

[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

[sharkdawg]

Hey Jesse where is the position, I am currently job searching and in NYC

[CheckmateStallioN]

Just wondering are there any C++, C#, or Java courses offered currently or is it all purely web based like javascript/html/css ?

[bkoufeldt]

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!