Syntax - Tasty Web Development Treats
Technology
In this episode of Syntax, Scott and Wes bike shed some common developer opinions.
Prismic - SponsorPrismic is a Headless CMS that makes it easy to build website pages as a set of components. Break pages into sections of components using React, Vue, or whatever you like. Make corresponding Slices in Prismic. Start building pages dynamically in minutes. Get started at prismic.io/syntax.
LogRocket - SponsorLogRocket 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.
Mux - SponsorMux Video is an API-first platform that makes it easy for any developer to build beautiful video. Powered by data and designed by video experts, your video will work perfectly on every device, every time. Mux Video handles storage, encoding, and delivery so you can focus on building your product. Live streaming is just as easy and Mux will scale with you as you grow, whether you’re serving a few dozen streams or a few million. Visit mux.com/syntax.
Show Notes04:27 - Event params
06:36 - CSS variables
09:31 - CSS colors
11:52 - Default exports vs named exports
14:45 - JavaScript import ordering
17:09 - Foo / Bar / Baz in examples
21:18 - Light vs dark themes
24:00 - longVerboseNamesDescribingWhatItIsOrDoes vs x
26:54 - VScode vs WebStorm (IDE) vs Vim
31:12 - TypeScript Generics: vs
34:39 - Indentation-base syntax
37:37 - Max line length
40:21 - One reduce, vs multiple .map()/flat(),filter()
async function getStatus() { const res = await sendCommand('AT!GSTATUS'); const result = res.result .split('\n') .map((x: string) => x.split(`\t\t`)) .flat() .filter(Boolean) .map((x: string) => x.trim()) .map((x: string) => x.split(` \t`)) .flat() .filter((x: string) => x.includes(':')) .map((x: string) => x.split(`:`)) .map(([prop, val]: [string, string]) => [prop, val.trim()]) return Object.fromEntries(result); }42:50 - index.js files
48:20 - Ligatures and fancy fonts
50:30 - Regular functions vs anon functions in a variable vs arrow functions
52:44 - Explicit return vs implicit return
××× SIIIIICK ××× PIIIICKS ×××725: Safari is the New Chrome - Jen Simmons of Apple
724: Potluck: Is Virtual DOM Bad?
723: Svelte 5: Speed Simplicity Size
722: Next Level Web APIs. Bluetooth, File Access, Thomas Steiner - Project Fugu
721: You should learn Drizzle, the TypeScript SQL ORM
720: Where Does Time Come From?
719: Fullstack TypeScript Apps with No Build Step?! with Brian LeRoux
718: React Server Components
717: How to be Productive
716: JS Perf Wins & New Node.js Features with Yagiz Nizipli
715: Google & MS Duopoly, Frontend to Fullstack, Where to Put Business Logic + more(Potluck)
714: CSS :has() in Every Browser! 10 Uses
713: The CSS OG Eric Meyer. 1994 CSS, JS in Fridges, Tailwind, and Web Standards
712: 2024 Predictions
711: The Surprisingly Exciting World of Print + PDF CSS
710: A Passwordless Future Passkeys with Anna Pobletts
709: Potluck × Naming Tech × Generators × Layers Follow Up × Sick Picks Page
708: How We Made Syntax.fm Faster
707: What happened in JS, CSS And Web Dev in 2023? 2023 Predictions Results!
706: AI and ML - The Pieces Explained
Create your
podcast in
minutes
It is Free
Insight Story: Tech Trends Unpacked
Zero-Shot
Fast Forward by Tomorrow Unlocked: Tech past, tech future
Black Wolf Feed (Chapo Premium Feed Bootleg)
Bannon`s War Room