Podcasts Technology Syntax - Tasty Web Development Treats Potluck - Is Angular good? Stencil.js Self XSS SVGs in React Social Platforms for Devs Project Handoff Cleaning Knives More!

Potluck - Is Angular good? Stencil.js Self XSS SVGs in React Social Platforms for Devs Project Handoff Cleaning Knives More!

Published: Oct. 7, 2020, 7 a.m.

b'

It\\u2019s another potluck! In this episode, Scott and Wes answer your questions about getting your first web dev job, what makes a software engineer senior, handing off projects to clients, Angular vs React, the best social platforms for devs, and more!

Sanity - Sponsor

Sanity.io\\xa0is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at\\xa0sanity.io/create. Get an awesome supercharged free developer plan on\\xa0sanity.io/syntax.

Sentry - Sponsor

If you want to know what\\u2019s happening with your errors, track them with\\xa0Sentry. 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\\xa0Sentry.io\\xa0and using the coupon code \\u201ctastytreat\\u201d.

Show Notes

01:58 - You\\u2019ve talked a couple times in the past about the security concerns around\\xa0target="_blank". You mentioned how adding\\xa0rel="noopener"\\xa0and / or\\xa0rel="noreferrer"\\xa0can secure this functionality, but what\\u2019s to stop a savvy person from going into the dev tools and deleting these attributes before clicking a link? Does this defeat the entire purpose or what? Surely browsers have thought of this and it\\u2019s not so easy to hack?

03:48 - Why did you not mention\\xa0Stencil\\xa0when talking about web-component in the last Potluck? Can I presume you have not heard of it? It is quite successful and Ionic proves it. We\\u2019ve been using it for two years in production. This is the only library that thought web-components through to the end. If you know it, what do you think about it and would you use it?

  • Example of a stencil component:
 import { Component, Prop, h } from \'@stencil/core\';  @Component({   tag: \'my-first-component\', }) export class MyComponent {    // Indicate that name should be a public property on the component   @Prop() name: string;    render() {     return (       
         My name is {this.name}       
     );   } }

06:12 - Is\\xa0https://www.syntax.fm\\xa0supposed to not work? I get a 404.

07:34 - I\\u2019m wondering what advice you\\u2019d have for someone self-taught switching from a totally non-tech industry (non profit arts, in my case) where I work in a tech role. I\\u2019ve hustled and built a portfolio of projects and learned a ton from both of your courses, but I feel that my experience is seen as less valuable because I don\\u2019t work in a traditional software/web development environment. Any tips for getting over the final hurdle of getting a dev job?

11:11 - What makes a software engineer senior?

13:08 - I have a Gatsby / Netlify client project about to launch. What\\u2019s the best approach in handing over to the (non technical) client? Do I keep in my Github account and just give the client the Netlify CMS login, or create the a Github account for the client that I can access for any maintenance? What do other devs do?

17:55 - I recently blocked all cookies on my mobile browser (Google Chrome), and I noticed something weird. A couple of sites that I know for a fact to have been built using NextJS weren\\u2019t working as expected (surprise surprise). They would load as usual, and after a second or so, all the content on the page disappeared, with the error message \\u201csorry: an unexpected error has occurred\\u201d. In some cases, the error was printed in the site\\u2019s font, and with the same background color on the body. Why does blocking cookies do this to NextJS sites?

21:21 - How often do you make commits? I always hear, \\u201ccommit often\\u201d, but I am hesitant because I feel like I may change my code later on before I make a pull request? I really liked your episode on Git Fundamentals, I would love to see a tutorial/deep dive into Git workflows and practices (when to commit / how often) Should I commit even though I know what I\\u2019m working on isn\\u2019t complete or I need to refactor it?? What is code review etiquette?

26:59 - Wes, how do you handle captioning and transcripts on your courses? Do you use some tool or service for that or do you do it by hand?

31:11 - I am a recent graduate of a code school that focused on React and Rails. The company that I currently work for uses Angular for part of their stack. I eventually would like to move into a dev spot, but I am finding that Angular feels a bit stuffy and I am not as excited about it as React, Svelte, Vue, etc. I am afraid that if I dive into Angular, I will become less relevant down the road. I want to learn everything, but I only have so much time and don\\u2019t want to stunt my growth as a developer. Any thoughts or advice on this would be sick!

36:38 - How do you handle SVGs in React? I know that SVGR exists, but I\\u2019d like to avoid adding another dependency if it\\u2019s something I can roll on my own. In the past, I\\u2019ve created functions that take parameters like fill or stroke to control color, and return a string of SVG code with the arguments interpolated in. Then I place that string into a component using dangerouslySetInnerHTML. I haven\\u2019t seen this method used anywhere else, and is probably not best practice. But also, it works, so maybe it\\u2019s fine?

39:52 - What social media platforms should you use as a Dev? What is cool to have? What are their benefits?

48:14 - Have you tried an ultrawide monitor for coding, such as 34" or 38"? I feel the extra width would be great for a single monitor setup, but haven\\u2019t been able to see one live where I live.

Links

\\xd7\\xd7\\xd7 SIIIIICK \\xd7\\xd7\\xd7 PIIIICKS \\xd7\\xd7\\xd7

Shameless Plugs

Tweet us your tasty treats!

'