Logo
    Search

    components

    Explore "components" with insightful episodes like "Hasty Treat - Abstraction", "Potluck - Bootcamps × Career Change × Figma × Gatsby × AMP × Mongoose × More!" and "The React Episode" from podcasts like ""Syntax - Tasty Web Development Treats", "Syntax - Tasty Web Development Treats" and "Syntax - Tasty Web Development Treats"" and more!

    Episodes (3)

    Hasty Treat - Abstraction

    Hasty Treat - Abstraction

    In this Hasty Treat, Scott and Wes talk about abstraction in general as well as javascript programming.

    LogRocket - Sponsor

    LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.

    Show Notes

    1:48 - What the heck is abstraction?

    • I like to think of it as sweeping under the rug
    • Vue and React devs should be very familiar with the concept

    4:44 - When to abstract

    • When things are getting too heavy
    • Personal preference
    • Some people have an arbitrary line limit

    7:25 - When not to abstract

    • When savings are minimal
    • When it just adds a pointless layer

    9:40 - Personal code abstractions vs public

    • My personal focus is on API simplicity and baked-in smart defaults
    • More specific
    • Public APIs need to be more flexible or at least for some components

    Links

    Tweet us your tasty treats!

    Potluck - Bootcamps × Career Change × Figma × Gatsby × AMP × Mongoose × More!

    Potluck - Bootcamps × Career Change × Figma × Gatsby × AMP × Mongoose × More!

    It’s another potluck! In this episode, Scott and Wes answer your questions about bootcamps, Figma, Gatsby, AMP, Mongoose, imposter syndrome, and more!

    .TECH Domains - Sponsor

    If you need eyes on your project, you’ll need a domain, and .TECH is perfect for representing your brand. Find out if your .TECH domain is available at go.tech/syntax2020. Use the coupon code Syntax2020 and get 90% off 1- 5- and 10-year domain names.

    LogRocket - Sponsor

    LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.

    Show Notes

    3:02 - Q. Scott, you talk a lot about your workflow with Figma. As a designer going to programming it sounds like the workflow was natural to you. As a programmer trying to move into design, I have no idea how to get started. Could you explain your workflow on starting a new project in Figma through starting to implement in VSCode?

    5:36 - The dreaded monitor question, flat or curved?

    8:34 - I am relatively new to web development and have learned HTML, CSS, Node and Mongo. I planned on taking your GatsbyJS e-commerce course, however, I have no experience in React whatsoever. Should I learn React first?

    12:35 - What is AMP and should I be using it?

    16:07 - What are the advantages and disadvantages of building a web app using a framework such as Blitz.js?

    21:46 - Would you ever consider moving from Mongo / Mongoose?

    24:47 - I am very new to the dev world. Went to college 15 years ago for Comp Sci, but dropped out halfway through to become an electrician. (Wasn’t sure if I could sit in an office all day.) Long story, but I’m wanting to change my career path and I’m very interested in software development. I’ve heard about Modern Labor’s bootcamp and I’m intrigued. I’d like to know what your take is on their program.

    33:15 - Loved your recent episode(s) on serverless functions. I’ve implemented a few myself, but I always come back to the same question: how exactly do I secure these endpoints? Because you are charged for compute time, and those endpoints are publicly available, couldn’t anyone just send requests to them and run up your bill?

    36:53 - I’ve decided to make a career out of coding and programming and I’m an absolute beginner starting out in HTML and CSS. It might be a weird question but how many/what percentage elements and declaratives do I need to memorize? It’s not that the info is necessarily difficult to parse, it’s the amount of tags that I’m bombarding my brain with is muddying my progress. I’m more of a theory-driven learner so it’s not the biggest obstacle in the world but I’m starting to see the breadth of this endeavor and I’m not sure how to focus my mental acuity.

    40:39 - Do you have a standard folder structure that you follow for placing “utility” function JS files? Is there an “industry standard”? I’ve just been using utils or utilities inside src, but curious if there is a more common way.

    44:12 - Is figuring out new techs/modules/plugins/whatever really as easy as reading the docs for most people? A common response to “what’s a good way to learn x” seems to be “the docs are good”. I then open the docs and am absolutely clueless. Are these people just giving bad advice, or do the docs actually give most people enough to go on? For example, I tried to implement username login with Passport using their docs, and a lot seemed to be left out, implying you’re supposed to just already know all this other stuff. It’s a bit demoralizing to feel like I can’t figure out much of anything on my own, and I’ve been doing web dev for a few years now, albeit not professionally, but I have done some big projects that are used regularly. So anyway, just wondering what your take on this common advice is, your experience with being able to figure out things on your own without needing an hour-long tutorial, and so on. I know you’re both tutorial makers, but I don’t get the impression that you two have to take a course to understand something new.

    48:19 - Do you have any tips for getting over “code shyness” or “imposter syndrome”? I find myself struggling with this issue from time to time and was curious to know your suggestions for dealing with it.

    53:36 - If I rename my GitHub repo, will all the links that are in the wild still work. For instance will github.com/webruin map to github.com/newname?

    Links

    ××× SIIIIICK ××× PIIIICKS ×××

    Shameless Plugs

    Tweet us your tasty treats!

    The React Episode

    The React Episode

    In this episode Wes and Scott do a deep dive into React - what it is, best practices and all the ins and outs of how the framework works.

    Dev Lifts — Sponsor

    DevLifts - Thad and JC are on a mission to make web developers healthy. They’re currently offering Personal Training and Nutrition Plans as well as a new program called fit.start(). Get 50% off fit.start() with the coupon code “SYNTAX”. Additionally, the first 10 people to use the code "TASTY" get 50% off your DevLifts Premium subscription. Check it out today! 

    Mlab - Sponsor

    mLab is the leading Database-as-a-Service for MongoDB, powering over half a million deployments worldwide. Wes and Scott use mLab to host their own databases as well as take care of backups, security, scaling and performance. Try out a sandbox database on your next mongoDB project → https://mlab.com

    Show Notes

    5:23

    • Components

    12:30

    • JSX

    25:13

    • Data and Props

    44:48

    • Fetching

    49:22

    • Event Handlers

    54:00

    • Instance classes + properties

    55:02

    • Lifecycle Methods

    59:55

    • Context

    1:01:35

    • Routing

    Links

    Preact
    Inferno
    How to Comment in JSX (article)
    Apollo
    Redux
    LevelUpTutorials.com Level II React Course
    React Informed (forms)
    Meteor
    Axios
    Firebase
    Gatsby
    Here’s how React’s new Context API works

    ××× SIIIIICK ××× PIIIICKS ×××

    Shameless Plugs

    Tweet us your tasty treats!