Syntax - Tasty Web Development Treats

The hosts dive into the humorous concept of bike shedding, where trivial debates often overshadow bigger issues. They passionately tackle classic coding conundrums like tabs versus spaces and single versus double quotes. The discussion also touches on whether designers should learn to code and how to select the right front-end framework. With a light-hearted take on tool preferences and CSS organization, they emphasize the importance of substance over style in web development.

Dive into the fundamentals of Vue.js as hosts break down its structure, comparing it with React and Angular. Discover how to make the most of Vue components, props, and lifecycle methods, simplifying the development process. Enjoy insights on effective error tracking, project management tools, and personal coding experiences. Plus, learn how to animate effortlessly with Vue's built-in features and explore the broader Vue ecosystem, including tools like Vuex and Nuxt for enhanced productivity.

Scott and Wes unpack frontend frameworks like React, Angular, and Vue, explaining their benefits and ideal use cases. They dive into when to choose a framework over vanilla JavaScript, especially for complex applications. The discussion highlights the significant advantages of frameworks in organizing code and enhancing performance. They caution against using frameworks for simple tasks and explore the waning relevance of jQuery in modern web development. Ultimately, they advocate for selecting the right tool based on project needs and personal expertise.

Discover how to effectively find freelance clients through networking and relationship building. The hosts share success stories and strategies, emphasizing the importance of trust and visibility. Learn tips for showcasing expertise, like speaking at meetups and engaging on platforms like YouTube. They explore both online and offline client acquisition methods, highlighting the need for a diverse approach. Personal recommendations for tools and practical insights round out the conversation, making it a must-listen for aspiring freelancers.

Discover the power of React Suspense as it tackles the challenges of data fetching and loading states. Learn how to transform async functions into resources and streamline your workflow using caching strategies. The hosts delve into the importance of perceived performance and lazy loading for better user experiences. They also discuss future React features and how these advancements promise to enhance both developer and user satisfaction. Buckle up for a dive into the future of web development!

The discussion kicks off with insights on various web development learning paths, including boot camps and self-learning. Personal journeys reveal the pros and cons of formal education versus self-directed approaches. The hosts unveil the transformative power of mentorship and community support in navigating educational challenges. They emphasize the need for ongoing self-education in the tech world and highlight the value of practical experience. The episode also touches on the pitfalls of boot camps and champions a mindful approach to personal and professional growth.

Explore why effective communication can make or break development projects. The hosts share actionable tips to enhance your skills, emphasizing the importance of practice and transparency. Discover how building good habits and leveraging tools like Slack and Notion can streamline team interactions. Learn about structured systems that improve collaboration and the necessity of clear communication, ensuring everyone is on the same page. Tune in for insights that can elevate your teamwork and project success!

This lively discussion tackles whether class components are on the way out in React, debating their ongoing relevance. The hosts share insights on web scraping techniques and tools for pulling data from sites without APIs. They also touch on the intersection of smart home technology and coding, sharing personal anecdotes about Philips Hue lights. Additionally, they offer perspectives on balancing mental well-being with the demands of development and sprinkle in practical advice for freelancers to manage their workflow effectively.

In this Hasty Treat, Scott and Wes talk about authentication — the difference between localStorage, cookies, session, tokens 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 replayer and a performance monitor. Get 14 days free at https://logrocket.com/syntax. Show Notes 4:20 - How should we track users? Token based - generally stored in the client Session based - stored on the server Token Based (JWT) 6:00 - Token-based auth Stateless - the server does not maintain a list of logged in users Scalable - you can use serverless functions easily Cross domain Data can be stored in JWT Easy to use on non-web sites like mobile apps Hard to expire tokens — you must maintain a list of blacklisted tokens 7:48 - Session-based auth Stateful - generally you maintain a list of session IDs Passive - once signed in, no need to send token again Easy to destroy sessions 10:48 - How do we identify the user on each request? localStorage or Cookies? A common misconception is that localStorage is for tokens while cookies is for sessions With localStorage, we need to grab the token and send them along on each request With cookies, the data is sent along on each request 11:25 - Security Issues XSS for Tokens - make sure bad actors can’t run code on your site Sanitize inputs XSRF - CSRF tokens are needed Links Cookies vs Tokens: The Definitive Guide Tweet us your tasty treats! Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets

In this episode, Wes and Scott talk about life management — the systems and tools for managing all the the busy details of life and work. 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. Sentry - Sponsor If you want to know what’s happening with your errors, track them with Sentry. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syntax listeners can get two months for free by visiting Sentry.io and using the coupon code “tastytreat”. Show Notes 5:00 - Todos GTD philosophy Todoist Things 12:31 - Focusing Focus app Turn off all notifications on iOS and desktop Rename apps Ask yourself why you feel the way you do Should be doing email? Do I need to eat that frog? Why do I not enjoy this? Sticky note on screen or desk 21:27 - How we track ideas, thoughts, and notes Get everything out of your head Markdown files Evernote Notion 27:23 - Calendar and schedule Google calendar USB light switch 33:30 - Goal tracking / Life progression Keep concepts and ideas in Notion Milestones (bigger ideas) are separated Use the system that works best for you 36:58 - Fun things with Notion What is Notion? Cross-linking/referencing between boards Episode calendar and possible episodes kanban Links Freshbooks Sentry Todoist Things Getting Things Done: The Art of Stress-Free Productivity Focus Notion Evernote Bryant Electric USB light switch Bear app Airtable ××× SIIIIICK ××× PIIIICKS ××× Scott: LG Ultrawide Monitor Wes: LG 4k 32" Monitor Shameless Plugs Scott’s React Hooks For Everyone Course Wes’ Courses Tweet us your tasty treats! Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter