Playing: 129: Hasty Treat - Why Use a Frontend Framework at All?
Hasty Treat - Picking the Stack for uses.tech - Gatsby, React, Context, Styled Components
Potluck - Tabs are better? × Coding Music × SEO × Is Angular good? × Biggie Smalls × Soy Sauce × More!
Potluck - Gatsby vs Next × Is Google Home spying on you? × Flat File CMS × CSS Frameworks × Hosting Client Sites × More!
Potluck - Terminal Configs × CSS Reset × Flexbox × Freelancing × NPM Dependencies × Project Hand-off × More!
Potluck - Why Webpack? × Serverless × Agencies × Recruiters × CSS Grid × MQ in Styled Components
Potluck - Deploying Applications × Typescript × Live Coding with Twitch × Fullstack Architecture × More!
Potluck - What is "State"? × Web Sockets × Remote Working × Firefox × Machines Taking Our Jobs × More!
Potluck - CSS × Angular × Dev job preparation × Svelte × File organization × Gear × More!
Potluck - Media Queries × NPM Vulnerabilities × Fullstack JS vs JAMstack × Web VR/AR × Switching Jobs × More!
Potluck - Interview Qs × Headless CMS × React Hooks × Resume Design × Redux vs Context × More!
How We Manage Our Lives — Notion, Todos, Notes, Focusing, Calendars, Goal tracking, and more!
Potluck - Changing careers × Repo organization × CSS Grid × Certifications × Freelancing × Spammers × More
Potluck - Where to start with JS × Freelancing × Cron jobs × Split testing × Frameworks in 2019 × More
Potluck - $100/hr × Redux Replacements × Full Stack Designers × JWT × VS Code Tips × More
Potluck - Editor Fonts × Portfolios × Meetup Tips × Switching to Windows × Freelancing Sources
Potluck EP × Remote Work × Headless WordPress × Good Client Questions × Alternate Careers × React API Credentials
Potluck EP × Is Redux Dead × Learning Quickly × Developing Solo × Specialist vs Generalist × Funnest Projects × Wes’ BBQ Course
Potluck EP × Vue.js × Headless WP × Typescript & Flow × Productivity × Server Side Rendering × Yeoman
Wes and Scott's Lives - Breakdancing, BBQ, Wives, Work/Life Balance, Problem Solving, YouTube Subscriptions
Snack Pack — CSS Frameworks, React HOC, Render Props, Coding Designers, Early Career Advice and a sound board!
Hosting & Servers — Heroku, Now, Galaxy, Digital Ocean, Linode, Docker, Netlify and more!
Mar 25th, 2019
Hasty Treat - Why Use a Frontend Framework at All?👇 Download Show✏️ Edit Show Notes
In this Hasty Treat, Scott and Wes talk about frontend frameworks — what they are, when you need one, how to organize your code for maximum efficiency, and more!
Stackbit - Sponsor
Build modern JAMStack websites in minutes. Stackbit lets you combine any theme, site generator and CMS without complicated integrations. Join the beta today by visiting stackbit.com/syntaxfm.
3:08 - What is a frontend framework?
- Controls applications such as:
- Data Fetching
- Controls applications such as:
5:54 - When to use a frontend framework
- The use of frameworks makes re-updating the DOM (after the initial variable update) easy
- You need an opinionated way to handle complexity
- You add an item to a shopping cart, send the event to the backend, and update both the number of items in the cart and the "Add to cart" button
- Event Handlers - binding and un-binding
- Your client wants a fast, modern experience
- Seamless routing and page transitions
- Fast prototyping
- Access to battle-tested libraries
14:24 - When not to use a frontend framework
- When using CMS like WordPress and Drupal
- Form submits
- Static pages, no JS functionality
- Updating an existing project
17:20 - Why can't I just use jQuery?
- Vanilla JS contains all of jQuery's available DOM APIs
- Frameworks provide structure
- Organizes code for big projects