Logo
    Search

    refactoring

    Explore "refactoring" with insightful episodes like "Code Smell 252 - NullCustomer", "Potluck - Mobile First × Arrow Functions × Deno × JSON APIs × Refactoring Tips × More!" and "Hasty Treat - Refactoring" from podcasts like ""Programming Tech Brief By HackerNoon", "Syntax - Tasty Web Development Treats" and "Syntax - Tasty Web Development Treats"" and more!

    Episodes (3)

    Code Smell 252 - NullCustomer

    Code Smell 252 - NullCustomer

    This story was originally published on HackerNoon at: https://hackernoon.com/code-smell-252-nullcustomer.

    Check more stories related to programming at: https://hackernoon.com/c/programming. You can also check exclusive content about #software-development, #design-patterns, #clean-code, #refactoring, #javascript-tutorial, #code-smells, #what-is-nullcustomer, #bijection-fault-explained, and more.

    This story was written by: @mcsee. Learn more about this writer by checking @mcsee's about page, and for more stories, please visit hackernoon.com.

    Prefer real domain names to Implementation names

    Potluck - Mobile First × Arrow Functions × Deno × JSON APIs × Refactoring Tips × More!

    Potluck - Mobile First × Arrow Functions × Deno × JSON APIs × Refactoring Tips × More!

    It’s another potluck! In this episode, Scott and Wes answer your questions about mobile first development, ES6 arrow functions, Deno.js, tips for refactoring your code, best e-commerce platforms and more!

    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.

    Freshbooks - Sponsor

    Get a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the “How did you hear about us?” section.

    Show Notes

    02:50 - Q: Wondering about your take on mobile first design and implementation? Do you throw the desktop styles or the mobile styles in media queries? Any opinions about that? I’m switching a lot between projects that do it differently, and it really makes my head melt.

    08:24 - Q: What is the difference between the ES6 arrow functions and a normal function? When would you use a normal function instead of an arrow function or the other way around?

    13:54 - Q: What are your opinions or experiences on developing 360/VR experiences on the web? There are a few frameworks out there for building such experiences, like A-Frame and React 360. I was wondering if you had any experience using such frameworks or building these types of things, and do you think that this could become a big thing for web development in the future?

    19:02 - Q: How do you define senior developer? What is the difference between intermediate and senior developers?

    21:37 - Q: I was curious knowing your opinions regarding json:api and its consumption in React. Is it still a good pick compared to GraphQL or normal rest/json?

    27:30 - Q: What’s your take on Blitz.js and RedwoodJS? Would you use a framework like this to build a large & scalable web app?

    30:54 - Q: What do you think of Deno.js reaching version 1.0? Is it really going to be a Node successor, or is that just marketing hype?

    34:34 - Q: When you are looking to refactor code, do you have a process you like to follow?

    41:35 - Q: Which technology stack would you choose in 2020 for an e-commerce website and why?

    46:32 - Q: I’m confused about developing a website for a client. I feel like most, if not all, clients want to take administrative control at the end of the project to be able to handle things themselves. Does this mean the only option for client projects is WordPress? I got really excited about making a client’s site in Gatsby, but they would need to be a coder to be able to edit the content of the site or maintain it. Am I missing something here?

    49:52 - Q: How do I use prop types to check a component when getting the props from context instead of passing them down?

    51:51 - Q: Should I use the mongoDB or mongoose node module in my project? What are the differences?

    55:48 - Q: Is it a bad practice if I mix up React Bootstrap and Material UI in one React project?

    Links

    ××× SIIIIICK ××× PIIIICKS ×××

    Shameless Plugs

    • Scott: Custom React Hooks - Currently 50% off! - Use the coupon code ‘Syntax’ for an additional 10% off!
    • Wes: All Courses - Use the coupon code ‘Syntax’ for $10 off!

    Tweet us your tasty treats!

    Hasty Treat - Refactoring

    Hasty Treat - Refactoring

    In this Hasty Treat, Scott and Wes discuss refactoring, what it is, why you should do it, when to do it, as well as best practices and much more.

    Netlify — Sponsor

    Netlify is the best way to deploy and host a front-end website. All the features developers need right out of the box: Global CDN, Continuous Deployment, one click HTTPS and more. Hit up netlify.com/syntax for more info.

    Show Notes

    5:00 - What is refactoring and why would you do it?

    • Re-writing code while maintaining functionality
    • The first code you write is most likely not your best code

    7:32 - Benefits To Refactoring

    • Keep part of your codebase in your head
    • Keep codebase timely and up to date (E.g. promises, async, await, etc.)
    • Writing code from the vantage point of having already built your product
    • Performance improvement

    12:54 - When to refactor

    • When it’s stopping your from progressing
    • When brining someone new on to your team
    • When you can see a more elegant solution
    • When you’re having performance issues
    • When you’re sharing or presenting code
    • When you have a large codebase that needs to be broken up into smaller components

    19:03 - Tips on how to refactor

    • Testing will make refactoring easier
    • Identify bad code and problem areas
    • Use git as an escape hatch
    • Break things into smaller chunks
    • Publish often use code to npm as modules

    Links

    Tweet us your tasty treats!