DiscoverCodesplitters Podcast
Codesplitters Podcast
Claim Ownership

Codesplitters Podcast

Author: Poul Hansen, Kevin Andries and Mikkel Rom

Subscribed: 1Played: 0


A podcast about modern web development.
6Β Episodes
In this episode we're really excited to talk about some of the recently released web platform features. Some of them have been here for a little while, some are very new and some are still just experimental. 2021 has been a year full of new CSS features and many more are coming. We talk about what excites us the most in frontend-land and which new features solve problems we have had in the past. πŸ”— LINKS IE retirement announcement: "The Internet Explorer 11 desktop application will be retired on June 15, 2022" Spread operator ... Nullish coalescing ?? Project FUGU TypeScript Container queries @container Experimental flag in Chrome Canary: #enable-container-queries CodePen demo Ahmad Shadeed: Say Hello To CSS Container Queries Piccalilli: Container Queries are actually coming MDN: CSS Container Queries The New Responsive Miriam Suzanne / Oddbird: Container Queries Polyfill :focus-visible :focus-within aspect-ratio gap for flexbox (and grid) CSS Grid @supports
In this episode we focus on web components. Poul gives a short intro to what they are and brings up some of the benefits of using web components, and also some of the disadvantages. We talk about the shadowDOM, encapsulation, ::part , slots, builders/compilers and framework integrations. Will web components replace JS frameworks? How do you go about styling a web component? πŸ”— LINKS Web Components Using shadowDOM ::part Explainer: CSS Shadow ::part and ::theme Adele - design systems repository Inheritable styles Lit πŸ”₯ StencilJS StencilJS Store Lion web components @deckdeckgo/lazy-img - image lazy load web component
In this episode we talk about component libraries and design systems. We talk about what they are and we share our own experiences using different tools for building component libraries such as PatternLab, Fractal and Storybook. We also share our recommendation on how to get started with this and what tool to choose. And then we of course also talk about bacon πŸ₯“ πŸ”— LINKS The benefits of component libraries and when not to use one - by Mikkel Rom Introduction to Storybook Essential addons Accessibility addon Notes addon MDX - Markdown for the component era PatternLab Fractal Designsystems Repo
In this episode we talk about utility CSS, utility-first approaches with frameworks such as Tailwind and why these could be useful to have in your styling setup or design system. *************** πŸ”— LINKS Adam Wathan on utility first CSS Tailwind Tailwind cheat sheet Tachyons CSS Stats BEM ITCSS BEMIT In Defense of Utility-First CSS Tailwind versus BEM
It's 2021 and we're still in pandemic lock-down so we talk about how we're handling working from home, exercising, being productive and the tools we use to be efficient. *************** πŸ”— LINKS Notion Todoist Webstorm Webstorm shortcuts VSCode Peacock extension by John Papa Bracket pair colorizer GitLens Slack MS Teams Asana
1: Code-splitting

1: Code-splitting


In this very first episode of Codesplitters podcast, Poul, Mikkel and Kevin start by introducing themselves and what this podcast will be about. We talk about code-splitting; what it is, when to split and when not to split your code. We also talk about when is a good time to think about performance in the lifetime of a project. What about old jQuery code or third-party plugins. How to do code-splitting when using Webpack or when using a JS framework. What about lazy-loading JavaScript components when you need them? Can you code-split when using a CMS? ES Modules? Can you code-split CSS? What about critical CSS? *************** πŸ”— Links Lighthouse Code splitting in webpack Reduce JavaScript payloads with code splitting Route-level code splitting in AngularΒ  Extract critical CSS Snowpack Skypack (previously Pika Package) Webcomponents
Download from Google Play
Download from App Store