Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Potluck - CSS × Angular × Dev job preparation × Svelte × File organization × Gear × More!

Syntax - Tasty Web Development Treats

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.

<p>It’s another Potluck! In this episode, Scott and Wes answer your questions about CSS, Angular, Svelte, dev job preparation and more!</p> <h2><a id="Sentry__Sponsor_9" name="Sentry__Sponsor_9"></a>Sentry - Sponsor</h2> <p>If you want to know what’s happening with your errors, track them with <a href="https://sentry.io/">Sentry</a>. 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 <a href= "https://sentry.io/">Sentry</a> and using the coupon code “tastytreat”.</p> <h2><a id="Sanity__Sponsor_13" name="Sanity__Sponsor_13"></a>Sanity - Sponsor</h2> <p><a href="http://sanity.io/">Sanity.io</a> is 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 <a href="https://www.sanity.io/create">Sanity</a>. Get an awesome supercharged free developer plan on <a href= "https://www.sanity.io/syntax">Sanity</a>.</p> <h2><a id="Show_Notes_17" name="Show_Notes_17"></a>Show Notes</h2> <p>3:23 - Q: How big is too big for state? I have an object of around 1000 items which will be used in a search box on the frontend of my site, but the list of items won’t be updated very often. What is the most efficient way to store these items and deliver them to the browser? Would you use state, a JSON object, a MongoDB document or some other way I haven’t thought of?</p> <p>7:17 - Q: How much do I need to know before I start applying for dev jobs?</p> <p>9:26 - Q: Do you folks have any opinions on Skeleton loaders, and any thoughts on how best to implement them? At my day job we’ve recently implemented skeleton loaders in a way that inherits the parent styles. Would love to know if there’s any best practices for this or ways we can improve our setup.</p> <p>13:01 - Q: Do you think we still need to use CSS resets like normalize and sanitizer?</p> <p>14:56 - Q: Scott, can you tell the story of how you landed an interview for a job in Japan? I am moving to Japan next year and wondering how that opportunity arose for you.</p> <p>20:04 - Q: Do you guys have an opinion on angular good or bad? Or is it that you’re more comfortable and have used React and Vue more often, so they’re largely at the center of any framework discussions?</p> <p>22:54 - Q: Could you talk about naming and structuring files/folders in your applications? How do you name components and folders? Do you follow some sort of path of how to structure files in a web app?</p> <p>29:01 - Q: Do you think that Node is almost too powerful to handle some of the simpler tasks (a site that just needs a contact form for instance), or am I just missing some very simple configuration? It seems like other languages, such as PHP, might be better suited for some of these simple tasks and Node is really just meant for larger scale application? I guess what my question really boils down to is, for a freelancer, I understand that I need to have my hands in a lot of different tech stacks, but should I really dive in on PHP (or something else) to handle some of these simpler features a client might need?</p> <p>33:24 - Q: What do you guys think about Svelte? Before everything goes WASM will Svelte be the future of web programming?</p> <p>37:24 - Q: What smart phones and laptops do you use for work? (specific model and why)</p> <p>42:38 - Q: Should I apply for other jobs even if my contract might get renewed? Should I feel loyal to a company?</p> <h2><a id="_SIIIIICK__PIIIICKS__41" name= "_SIIIIICK__PIIIICKS__41"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li>Scott: <a href= "https://www.blackmagicdesign.com/products/davinciresolve/">DaVinci Resolve 16</a></li> <li>Wes: <a href= "https://affinity.serif.com/en-us/photo/">Affinity Photo</a></li> </ul> <h2><a id="Shameless_Plugs_45" name= "Shameless_Plugs_45"></a>Shameless Plugs</h2> <ul> <li>Wes: <a href= "https://dillinger.io/wesbos.com/courses">Wes’ Courses</a> — use coupon code “syntax” at checkout and get and extra $10 off.</li> <li>Scott: <a href= "https://dillinger.io/leveluptutorials.com/pro">Scott’s Crouses</a></li> </ul> <h2><a id="Tweet_us_your_tasty_treats_49" name= "Tweet_us_your_tasty_treats_49"></a>Tweet us your tasty treats!</h2> <ul> <li><a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li><a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li><a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li><a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li><a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li><a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li>Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

It’s another Potluck! In this episode, Scott and Wes answer your questions about CSS, Angular, Svelte, dev job preparation and more!
 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 and using the coupon code “tastytreat”.
 Sanity - Sponsor Sanity.io is 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 Sanity. Get an awesome supercharged free developer plan on Sanity.
 Show Notes 3:23 - Q: How big is too big for state? I have an object of around 1000 items which will be used in a search box on the frontend of my site, but the list of items won’t be updated very often. What is the most efficient way to store these items and deliver them to the browser? Would you use state, a JSON object, a MongoDB document or some other way I haven’t thought of?
 7:17 - Q: How much do I need to know before I start applying for dev jobs?
 9:26 - Q: Do you folks have any opinions on Skeleton loaders, and any thoughts on how best to implement them? At my day job we’ve recently implemented skeleton loaders in a way that inherits the parent styles. Would love to know if there’s any best practices for this or ways we can improve our setup.
 13:01 - Q: Do you think we still need to use CSS resets like normalize and sanitizer?
 14:56 - Q: Scott, can you tell the story of how you landed an interview for a job in Japan? I am moving to Japan next year and wondering how that opportunity arose for you.
 20:04 - Q: Do you guys have an opinion on angular good or bad? Or is it that you’re more comfortable and have used React and Vue more often, so they’re largely at the center of any framework discussions?
 22:54 - Q: Could you talk about naming and structuring files/folders in your applications? How do you name components and folders? Do you follow some sort of path of how to structure files in a web app?
 29:01 - Q: Do you think that Node is almost too powerful to handle some of the simpler tasks (a site that just needs a contact form for instance), or am I just missing some very simple configuration? It seems like other languages, such as PHP, might be better suited for some of these simple tasks and Node is really just meant for larger scale application? I guess what my question really boils down to is, for a freelancer, I understand that I need to have my hands in a lot of different tech stacks, but should I really dive in on PHP (or something else) to handle some of these simpler features a client might need?
 33:24 - Q: What do you guys think about Svelte? Before everything goes WASM will Svelte be the future of web programming?
 37:24 - Q: What smart phones and laptops do you use for work? (specific model and why)
 42:38 - Q: Should I apply for other jobs even if my contract might get renewed? Should I feel loyal to a company?
 ××× SIIIIICK ××× PIIIICKS ××× Scott: DaVinci Resolve 16

 Wes: Affinity Photo

 Shameless Plugs Wes: Wes’ Courses — use coupon code “syntax” at checkout and get and extra $10 off.
 Scott: Scott’s Crouses

 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

Aplikace Youradio Talk

Potluck - CSS × Angular × Dev job preparation × Svelte × File organization × Gear × More!

Poslechněte si podcast