In this episode, Jake goes through some of the newer features of the View Transition API, along with some vaguer ideas that are planned for the future. Resources General view transitions docs Custom entry and exit transitions hasUAVisualTransition so you know when the UA has done its own transition view-transition-class view-transition-types Cross-…

In this episode, Surma talks about a presenation-maybe-soon-to-be-a-proposal "JS0", which explores the idea of splitting JavaScript into two specifications: JS0, focusing on security, performance and capabilties, implemented by engines; and JSSugar, focussing on developer productivity and syntactic sugar features implemented by build tools. Notes &…

In this episode, Surma talks about the Stage 2 proposal "JavaScript Struct", which introduces fixed-layout objects and the ability to share them between realms. Notes & Corrections from Shu: Surma was slightly wrong about why private fields were originally considered problematic for sharability. The problem occurs when a class can be evaluated mult…

After talking about Bazel in one of our previous episodes, we are now looking at Nix, a build system that has been getting increasing attention lately. Resources: OTMT Bazel episode Surma's video on Nix Eelco Dolstra's PhD Thesis Nix & NixOS A branch of Squoosh using Nix Nixpkgs manual Comparison of size and freshness of different package managers …

We're finally getting a element we can fully control with CSS! A bunch of other stuff needed to be added to the platform to make it work, and the good news is we can use it a lot of them independently of . Resources: Chrome's article on the new , and how you can provide feedback. The CSS appearance property. Nope, I still don't know what it does. T…

Chrome is experimenting with exposing an LLM to the web platform. Jake and Surma dig into how the API works, and whether something like this could work on the open web. Resources: The explainer ChatGPT functions Chrome's initial vague docs about the feature Gemini terms of use The EURion constellation WebNN…

Luca found a hidden Chrome extension that is installed by default in Chrome and most Chromium derivatives. Surma and Jake dig into what this extensions does and how reasonable it is to get angry about it. Resources: Luca’s original tweet thread The extension’s source code Discussion on blink-dev The original PR that introduced the extension Brendan…

In this episode, Jake and Surma chat about web components. Why they were invented, what they're useful for, and how they would improve. Resources: Surma showers his eyeball. The old custom elements 'v0' spec. The old shadow DOM 'v0' spec. The old HTML imports spec. The initial version of Polymer. Lit (formally lit-html). HTML attributes vs DOM prop…

In this episode, Surma shares with Jake all the things he learned reading up on source maps and DWARF. Resources: Jake's Jericho triangle source-map-explorer Hacker News comment by Joseph Shorr on the origins of source maps The Source Map "specification" EvanW's source map visualizer Wikipedia: VLQ DWARF specification llvm-dwarfdump gimli addr2line…

In this episode, Jake and Surma chat about the complexities of adding common framework patterns into the web platform, and work that has been done on that so far. Resources: Michael Jackson's tweet. Is WebAssembly magic performance pixie dust? - Surma's investigation into wasm performance. defaultValue reflects the value attribute. The value proper…

In this episode, Surma talks about web apps that (partly) abandon the DOM and use canvas instead, to take rendering matters into their own hands. Figma is one popular app that uses this approach, while Flutter is an entire app platform that went with this technique to provide portability. Jake and Surma discuss the tradeoffs of building apps this w…

In this episode, Jake chats about the latest EU ruling that requires Apple to allow other browser engines on iOS, and how Apple is reacting to it. Resources: Microsoft vs the EU Microsoft vs the US BrowserChoice.eu IBrowse Mobile operating system market share Web platform tests dashboard The internal Apple email about HTML5 The Open Web Advocacy gr…

In this episode, Surma shares what he learned while getting started with the Bevy Game engine, Entity Component Systems and why they might be useful for the Web. Jake rounds up the newest JavaScript language features that landed in TC39’s Stage 3. Resources: Bevy Game Engine Bevy Rendering Pipeline Buffer-backed Objects, a library by Surma to store…

In this episode, Jake investigates whether the existence of build tools is a symptom of the web being underpowered, or if they are part of the solution to make the web better. Surma shares his experience of learning about Bazel and how it can be used to build web projects. Resources: Touching cloth. Emirates silly class. Yes, we have done "The big …

In this episode, Surma talks about the “GPU” in “WebGPU” and how this new web standard makes programming for the GPU more accessible. Jake talks about how different browsers approach standards and their perceived ideologies around what they prioritize. Resources: Surma’s blog post on WebGPU A 13-part blog post series on the architecture of GPUs. Th…

(This is an episode from our previous podcast HTTP 203, originally published on June 29th, 2022) In this episode: - Surma changed jobs. - The Shopify interview process. - Pair programming vs pair problem solving. - Surma's also doing bits of work for Deno. - The complexities of testing image codecs. - Jake forgot to tell Ada how HTTP 203 filming en…

Today theme is Gatsby Themes!And we have a call with Jason Lengstorf - a developer advocate, senior engineer, and occasional designer at Gatsby.https://www.gatsbyjs.orghttps://www.youtube.com/watch?v=SV2zu9FvUTw - React Finalnd: Gatsby and Themes The Future of Gatsby5 minutes of React - podcast about React hot topics and JavaScript ecosystem. https…

GraphQL is getting more popular each day among React developers. It is said to be making front-end development convenient and resilient. The community is building client and server side tools each day for making GraphQL easy to use. Hasura brings us a GraphQL engine that gives GraphQL APIs over Postgres database. Lets know more about it from Rishi …

I recently read a book called “The Phoenix Project: A Novel about IT, DevOps, and Helping Your Business Win”.All in all, it is very inspiring book. So I would highly recommend you give it a read.https://www.amazon.com/Phoenix-Project-DevOps-Helping-Business/dp/1942788290/5 minutes of React - podcast about React hot topics and JavaScript ecosystem. …

Today I'd like to introduce you to Bitbucket Pipelines, a continuous integration and continuous delivery cloud service that I've been using quite a lot lately. Personally, I find Bitbucket Pipelines extremely useful for several reasons...Bitbucket pipelines I am using now:- https://bitbucket.org/product/features/pipelinesCirrus CI I am going to try…

The other day I got to watch a few talks from JSConf Asia 2018 on Youtube. There are 39 of them in the playlist, so I picked a random one. And I got so lucky I just had to make this episode about it! The talk was "In the Loop" by Jake Archibald.Jake is developer advocate for Google Chrome. He's one of the editors of the service worker spec, so he's…

We all want the best result as fast and cheap as possible, right? But this is not how things work, and we have to strike a balance between development quality and speed...- https://stateofjs.com/2017/flavors/results/- https://egghead.io/courses/advanced-static-types-in-typescript- https://egghead.io/courses/use-types-effectively-in-typescript- http…

Quick overview of Prettier - an opinionated code formatter (ES2017, JSX, Flow, TypeScript, CSS, ...) and my experience of integration Prettier with Idea (PhpStorm/WebStorm).https://prettier.io5 minutes of React - podcast about React hot topics and JavaScript ecosystem. https://5minreact.audioBy 5 minutes of React

Latest posts in webpack blog, egghead courses on Cycle.js and Error Boundaries, StackBlitz — an Online VS Code IDE for Angular & React, transpiler from Polymer or Vue to Preact, npmtrends.com graphs of downloads React vs Angular vs Vue.- https://medium.com/webpack/stabilizing-webpack-3-week-18-19-e8005c8a02ac- https://medium.com/webpack/road-to-web…

This time, a serious look at React 16 beta (not serious was in previous episode - you definitelly have to listen: https://5minreact.audio/015-sci-fi-story-about-react/). The details of the first beta release have been published right on Github as a dedicated issue. Let's take a moment to go over them.https://github.com/facebook/react/issues/10294ht…

Sci Fi story about React.You won't believe why React is so popular!5 minutes of React - podcast about React hot topics and JavaScript ecosystem. https://5minreact.audioBy 5 minutes of React

Some of the latest news from the Preact world: the mobile version of Uber website uses Preact as well as the new Transformers promo site, and the author of Preact gave a great talk called "Preact: Into the void 0" at JSConf EU 2017. I will also share my impressions of an egghead.io course and take a look at preact-cli, a tool for quick PWA app crea…

Gatsby 1.0 - Blazing-fast static site generator for React.https://www.gatsbyjs.org/5 minutes of React - podcast about React hot topics and JavaScript ecosystem. https://5minreact.audioBy 5 minutes of React

webpack 3.0.0, pnpm 1.0, TypeScript 2.4- https://medium.com/webpack/webpack-3-official-release-15fd2dd8f07b- https://twitter.com/dan_abramov/status/880457799272210432- https://medium.com/@TheLarkInn/leaving-for-microsoft-4f386c458693- https://medium.com/pnpm/pnpm-version-1-is-out-935a07af914- https://github.com/pnpm/awesome-pnpm- https://blogs.msdn…

React 15.6, webpack 3, Babel Notes, mobx-state-tree 0.7, Preact on egghead.io - https://facebook.github.io/react/blog/2017/06/13/react-v15.6.0.html- https://twitter.com/dan_abramov/status/875149571688734721- https://medium.com/webpack/webpack-3-official-release-15fd2dd8f07b- https://github.com/babel/notes- https://github.com/mobxjs/mobx-state-tree-…

This week Dan Abramov asked his Twitter audience: “What would you want the React team to focus on in the next 6 months? Reply with a new thing, or Iike existing replies”. This request inspired a massive thread of a few hundred tweets...- https://twitter.com/dan_abramov/status/871406752016863232- https://twitter.com/dan_abramov/status/87176932907902…

Should I use MobX over Redux? When, why and whom should try MobX?https://www.youtube.com/watch?v=83v8cdvGfeA - Understanding MobX vs Redux (4min)https://www.youtube.com/watch?v=76FRrbY18Bs - Preethi Kasireddy - MobX vs Redux: Comparing the Opposing Paradigms - React Conf 2017 (25m)https://www.youtube.com/watch?v=ZGVwMkrL2n0 - Comparing Redux and Mo…

pnpm - fast, disk space efficient package manager, drop-in replacement for npm.https://pnpm.js.orghttps://twitter.com/pnpmjshttps://www.kochan.io/nodejs/why-should-we-use-pnpm.html5 minutes of React - podcast about React hot topics and JavaScript ecosystem. https://5minreact.audioBy 5 minutes of React

News: - React Amsterdam 2017- Hacker News readers as Progressive Web Apps written in React, Preact, Svelte, Vue, Angular and viperHTML- TodoMVC for the RealWorld™ — Exemplary fullstack Medium.com clone powered by React, Angular, Node, Django, and many more- Prepack - a tool for making JavaScript code run faster.Links:- https://twitter.com/ReactAmst…