Init - A Guided Web Development Journey

Let's Get Down To Business


Listen Later

Seth and Jake were talkin' about Jake's coding journey, dude. Jake's rockin' it with the Vite framework instead of Create React App. They discussed the setup process, like installing Node and NPM, and this thing called a command line interface. Seth explained how the node_modules folder stores third-party packages and connects to the package.json file. They also talked about JSX files, which combine JavaScript and HTML in React, making it easier to tweak and display HTML elements. Jake got the hang of it and started diggin' the benefits, bro.

Later on, they chatted about Jake's experience setting up a React app with Vite. Jake had a few hiccups but found rad YouTube tutorials to guide him. Seth realized Vite was a replacement for create-react-app, but he knew Jake was on the right path.

They also talked about startin' to work on the app and findin' the URL. Seth advised checkin' the scripts section in package.json and runnin' yarn dev or npm run dev in the terminal. Jake got it workin' on localhost:5173 and they discussed hot reloading, where code changes automatically update the app.

They touched on CSS in React, with Seth explainin' how CSS can be written in a JavaScript-like way using camel case. CSS-in-JS was mentioned as a groovy way to dynamically update styles. They advised using CSS instead of JavaScript whenever possible.

Overall, Seth and Jake were stoked about Jake's progress and encouraged listeners to reach out with questions. They emphasized the importance of continuous learning and keepin' the stoke alive in the coding journey, bro!

Special thanks to Diarrhea Planet for our intro and outro music and @SkratchTopo for our artwork.

...more
View all episodesView all episodes
Download on the App Store

Init - A Guided Web Development JourneyBy Jake Pacheco & Seth Whiting