A podcast about modern UI development on the web. Hosted by Sam Selikoff and Ryan Toronto.
株式会社はてなのエンジニアがフロントエンドについて雑談します。
Podcast by Hatena Frontend
Самые честные интервью с известными людьми из мира web-разработки. Впечатляющие истории успеха, забавные моменты из жизни и полезные советы – мы показываем человеческое лицо frontend’а и не только.
Friday on oululainen web-aiheisiin keskittyvä podcast. Aiheet liikkuvat suunnittelusta toteutuksen kautta optimointiin ja koodaamiseen. Kantaa otetaan ja välillä mennään freestylenä aiheen vierestä.
Подкаст питерского сообщества фронтендеров SPB Frontend
Frontend Union Conf is a yearly conference about interface design and development. In the podcast, we interview speakers and attendees, share the most recent news about the conference.
Welcome to Friends Talk Frontend! It’s where we talk to amazing people about their habits, how they got to where they are now, and what their day-to-day life is like.
In the Mr Frontend Community podcast I try to help People who are (starting) in programming, web development, frontend development, backend development to keep motivated and firedup!
Podcast dedicado al mundo frontend y el desarrollo web. Hablamos de Javascript, las tendencias en HTML, CSS, el mundo de la programación en general y muchas cosas más. Cada entrega trata diferentes temas de interés sobre el mundillo contando con diferentes puntos de vista. Presentado por Miguel Ángel Durán (@midudev | https://midu.dev) Podcast antes conocido como WTFront (WhatTheFront)
Gosh - keeping up with web development technologies is hard! We interview the best devs in the industry who share their strategies on how they do it. We get insight into their passion for programming, the methods and tools they can’t live without, and how they keep up with the industry's rapid pace. Every episode ends with a "Quickfire Question Round": answers to 5 rapid-fire questions provide some invaluable tips on how to become a first class dev. Keep pushing the limits, and keep pushing ...
F
Frontend First


1
Does server-side generation make loading states more complex?
1:05:37
1:05:37
נגן מאוחר יותר
נגן מאוחר יותר
רשימות
לייק
אהבתי
1:05:37
Sam and Ryan discuss how loading states, data fetching, and skeleton screens can change the architecture of an SSG application. They also talk about Apollo’s cache and various query re-fetching strategies. Topics include: 0:00 - Intro 2:35 - Image cropper dampening 4:00 - Learning library abstractions 10:00 - Loading states with SSG 28:00 - Server …
F
Frontend First


1
Best Practices for Imperative APIs in React
1:01:53
1:01:53
נגן מאוחר יותר
נגן מאוחר יותר
רשימות
לייק
אהבתי
1:01:53
Ryan shares his first impressions using Supabase and talks about a new app he’s building to manage users in Hasura. Sam talks about how to responsibly go outside of React’s rendering cycle when using imperative APIs. Topics include: 0:00 - Intro 3:40 - Supabase first thoughts 13:50 - Building an auth layer for Hasura 30:40 - Apollo server 37:50 - F…
Ryan shares his experience setting up authentication in a new project with Sam. They also discuss some of the tradeoffs that client apps face when consuming raw JSON vs. passing data through a model layer like an ORM. Topics include: 0:00 - Intro 1:00 - Visual programming in the video game Factorio 9:00 - Setting up auth in a new project 22:40 - Ch…
F
Frontend First


1
Gestures and Animations with React Use Gesture and Framer Motion
36:59
36:59
נגן מאוחר יותר
נגן מאוחר יותר
רשימות
לייק
אהבתי
36:59
Sam tells Ryan about what he’s been learning using the React Use Gesture and Framer Motion libraries to build an Image Cropper for his YouTube series. They also chat about their first impressions of React’s new Server Components, as well as the Tailwind 2.0 launch. Topics include: 1:40 - First impressions of React server components 12:10 - Tailwind…
F
Frontend First


1
Bundling client-server communication with packages for Next.js
54:26
54:26
נגן מאוחר יותר
נגן מאוחר יותר
רשימות
לייק
אהבתי
54:26
Ryan tells Sam about an image uploading solution he built for one of his Next.js apps. They discuss how Next.js's integrated frontend and backend allow for much more convenient packages, and they brainstorm other packages that would fit well within Next's architecture. Ryan also shares how parser combinators helped him write robust text-parsing cod…
F
Frontend First


1
Is GraphQL an implementation detail?
1:05:03
1:05:03
נגן מאוחר יותר
נגן מאוחר יותר
רשימות
לייק
אהבתי
1:05:03
Sam and Ryan talk about whether GraphQL affects the architecture of an app, and what sort of UI code a well-implemented GraphQL server can replace. They also talk about Sam's experience working on a new side project using Next, Hasura, GraphQL and SWR. Topics include: 2:34 – Finally feeling good about our tech stack. How easy GraphQL makes it to ge…
F
Frontend First


1
The convergence of frontend and backend frameworks
58:10
58:10
נגן מאוחר יותר
נגן מאוחר יותר
רשימות
לייק
אהבתי
58:10
Sam and Ryan talk about how frontend and backend frameworks are converging towards similar UI patterns and developer experiences, even though they're coming at it from different starting points. They also talk about the new Next.js 10 release and whether React should document more opinions held by the core team. Topics include: 3:22 – New features …
Sam and Ryan talk about how both the key prop and useEffect can be used to solve similar problems, and discuss which approach is better. They also talk about the difference between handling data using models with methods vs. using POJOs with pure functions. Topics include: 0:34 – Model with methods vs POJOs with functions 16:44 – Comparing explicit…
F
Frontend First


1
How to test apps built on third-party services
59:45
59:45
נגן מאוחר יותר
נגן מאוחר יותר
רשימות
לייק
אהבתי
59:45
Sam and Ryan talk more about their recent experience using Hasura and Amplify, and more generally how best to test apps that are built on third-party services. They also talk about Mirage JS GraphQL. Topics include: 7:39 – Testing a Hasura-backed app with Mirage 16:03 – Modeling and querying data with Amplify and Dynamo 31:09 – Auth, Amplify and Ha…
Sam and Ryan talk about a tricky integration between some asynchronous third-party JavaScript code and React's render cycles. They also talk about how powerful the getStaticProps hook from Next.js is, and share some thoughts on whether Firebase's features justify the fact that by using it you lose out on the GraphQL community's standard libraries a…
Sam talks about his recent experience working with Next.js on his personal site. He and Ryan also compare Gatsby and Next, and discuss how much Next's updates over the past year have curbed Gatsby's advantages. They also talk about the best way to make frontend developers more autonomous. Topics include: - 8:30 - Working on moving samselikoff.com t…
Sam and Ryan talk about Ryan's recent experience using Amplify on a side project. They chat about the tradeoffs between using services and writing your own backend code, and how backend services let you do more at the cost of not understanding as much about how the system works. Topics include: 9:10 – Why Gatsby's content mesh is so good 23:00 – Ho…
F
Frontend First


1
Does code splitting negate the benefits of building an SPA?
50:40
50:40
נגן מאוחר יותר
נגן מאוחר יותר
רשימות
לייק
אהבתי
50:40
Sam and Ryan talk about how route-based code splitting makes SPAs more like traditional server-rendered apps, potentially negating many of their benefits. They also talk about how the intrinsic width of text affects flexbox-based layouts. Topics include: - 4:20 – Flexbox and intrinsic width - 27:40 – Does route splitting negate the benefits of an S…
Sam and Ryan talk about a post from 2002 discussing Stop Energy, which the author defines as a certain kind of feedback that is thoughtless and can halt forward motion on a project. They also talk about Ryan's adventures with Amplify, and brainstorm how to automate Sam's work journal. Topics include: 6:05 – Stop Energy 27:55 – Amplify 44:27 – Autom…
F
Frontend First


1
Tech debt vs. platform risk
1:07:36
1:07:36
נגן מאוחר יותר
נגן מאוחר יותר
רשימות
לייק
אהבתי
1:07:36
Sam and Ryan talk about adding an authenticated backend to miragejs.com using Hasura, Heroku and Netlify. They also talk about the differences in risk between using paid third-party services vs. depending on open-source libraries. Topics include: - 3:47 – Adding a backend to miragejs.com - 13:03 – Environment variables in frontend apps - 20:48 – Ad…
Sam and Ryan talk – again – about the best way to write side effects in React applications. Ryan shares his approach based on his recent work in several React apps, and talks about the pitfalls of using useEffect's dependency array as a mechanism for control flow. Sam also talks about his recent video on React Router and why it's important to use t…
F
Frontend First


1
Drew Powers on How Pika's Making the Web Faster
1:10:10
1:10:10
נגן מאוחר יותר
נגן מאוחר יותר
רשימות
לייק
אהבתי
1:10:10
Drew Powers, one of two full-time engineers working at Pika, joins Sam to talk about Pika's mission to make the web faster. Drew talks about how Pika is focused on building tools that meet developers where they're at, his work on Snowpack, and the company's vision for Pika CDN. Topics include: 0:00 – What do you do at Pika? 4:54 – What is Pika's mi…
F
Frontend First


1
Tom Preston-Werner on Architecture Decisions in Redwood JS
1:18:12
1:18:12
נגן מאוחר יותר
נגן מאוחר יותר
רשימות
לייק
אהבתי
1:18:12
Tom Preston-Werner joins Sam and Ryan to talk about some of the architecture decisions behind Redwood JS, a recently released full-stack JS framework he's been working on for more than a year. Tom talks about how Redwood's Services provide a first-class layer of abstraction on top of your backend data models for your application's business logic, w…
F
Frontend First


1
Why the browser is the most complex runtime environment
1:02:39
1:02:39
נגן מאוחר יותר
נגן מאוחר יותר
רשימות
לייק
אהבתי
1:02:39
Sam and Ryan talk about the unique aspects of ES modules that have driven the recent explosion of innovation in the frontend build tooling space, giving rise to tools like Snowpack and Vite. They also chat about their desire for a more integrated frontend ecosystem that would make adding things like auth to frontend apps easier, as well the impress…
F
Frontend First


1
Read and Discuss: "Second-guessing the modern web"
1:16:59
1:16:59
נגן מאוחר יותר
נגן מאוחר יותר
רשימות
לייק
אהבתי
1:16:59
Sam and Ryan read and discuss Tom MacWright's recent article "Second-guessing the modern web," as well as Rich Harris's response "In defense of the modern web." The articles respectively argue against and for the JavaScript-centric approach to building websites that has taken root over the past ten years and debate issues of performance, architectu…
F
Frontend First


1
Everyone's sidestepping useEffect. Is everyone wrong, or is it React?
1:07:06
1:07:06
נגן מאוחר יותר
נגן מאוחר יותר
רשימות
לייק
אהבתי
1:07:06
Sam and Ryan grapple with the way useEffect nudges you to build UIs. They discuss whether JavaScript object identity is a good proxy to use for business logic equivalence, whether useEffect leads to more correct code, and then they chat about some of the ways React developers sidestep useEffect when the declarative programming model that Hooks impo…
F
Frontend First


1
When APIs get misused, who's to blame?
1:23:56
1:23:56
נגן מאוחר יותר
נגן מאוחר יותר
רשימות
לייק
אהבתי
1:23:56
Sam and Ryan chat about how and why framework APIs get used and abused. Ryan also shares his experience working with AWS Amplify on a side project. Topics include: - 3:17 – How useEffect can be confusing in high-level app code - 21:05 – Immediate mode GUIs - 32:40 – Who's responsible when developers misuse framework APIs? - 46:40 – AWS Amplify - 1:…
Sam and Ryan try to unpack the meaning of JAMstack. They discuss the constraints of the architecture, why it's confusing to think of it as an application stack, the implications it has for app cachability, and whether the Twelve Factor App that Heroku introduced in the Rails-dominated era of web development might be a better way to think about this…
F
Frontend First


1
Introducing: Frontend First
1:04:23
1:04:23
נגן מאוחר יותר
נגן מאוחר יותר
רשימות
לייק
אהבתי
1:04:23
Topics include: 5:30 - Gatsby, six months later 8:10 - Mirage REPL 11:50 - Next Link 15:10 - Render props vs. Hooks 24:05 - Vercel 27:47 - Twin.macro 38:50 - Learning CSS grid through Tailwind 48:59 - Node deps, devDeps, and peerDeps Links: Mirage REPL Next Link API docs Vercel Twin.macro Tailwind CSS grid…
Sam and Ryan tell listeners about the upcoming rebrand of the EmberMap Podcast.על ידי Frontend First
F
Frontend First


1
What's the fastest way to deliver an app?
1:13:14
1:13:14
נגן מאוחר יותר
נגן מאוחר יותר
רשימות
לייק
אהבתי
1:13:14
Topics include: 6:00 – Adding Cypress tests to the Mirage Inspector 14:00 – Lazy page generation, incremental rebuilds and cache stampedes with Next.js 24:51 – CDNs & surrogate keys 38:00 – Will global databases obviate the need for CDNs? 42:23 – Gatsby Cloud's ability to build surrogate keys from GraphQL queries 48:48 – Gatsby Cloud's Preview Mode…
F
Frontend First


1
What's been the primary driver of JavaScript adoption?
1:07:16
1:07:16
נגן מאוחר יותר
נגן מאוחר יותר
רשימות
לייק
אהבתי
1:07:16
Sam and Ryan discuss what has driven JavaScript adoption on the web over the past 5-10 years, and what implications those drivers have had for the tools and frameworks we work with today. They also talk about why it's still so hard to build good SPA experiences on the web. Topics include: - 5:10 – Finding real-world pain points - 8:44 – Mirage Insp…
F
Frontend First


1
Does route-based code splitting make UX worse?
1:28:55
1:28:55
נגן מאוחר יותר
נגן מאוחר יותר
רשימות
לייק
אהבתי
1:28:55
Sam and Ryan talk about the tradeoffs between shipping a single bundle of code vs. the route-based code splitting approach used by many tools like Gatsby and Next. They also talk about their recent experiences building with React, and whether web developers should compete with native experiences or embrace what the web has to offer. Topics include:…
F
Frontend First


1
We can't stop talking about edge deploys
1:25:51
1:25:51
נגן מאוחר יותר
נגן מאוחר יותר
רשימות
לייק
אהבתי
1:25:51
Topics include: 0:44 - Tailwind UI 4:27 - Framework-agnostic tools 11:44 - Logux 33:31 - Next, code on the edge, static websites, and caching Links: Software Engineering Daily Tailwind UI Logux Next.js 9.3על ידי Frontend First
F
Frontend First


1
Yehuda Katz on Thinking Long Term about Experimentation vs. Fragmentation in OSS
1:41:06
1:41:06
נגן מאוחר יותר
נגן מאוחר יותר
רשימות
לייק
אהבתי
1:41:06
Yehuda Katz joins Sam to talk about the strategies Ember's developed to keep the majority of the community on recent versions of the framework for more than 8 years. He talks about lessons learned from the 1.13 upgrade, how the core team thinks about API experimentation vs. community fragmentation, and the approach Octane is taking to enable fronte…
F
Frontend Weekend


1
#103 – Алексей Золотых о переезде из Челябинска, ценности работы в ПК HolyJS и множества выступлений
44:40
44:40
נגן מאוחר יותר
נגן מאוחר יותר
רשימות
לייק
אהבתי
44:40
Алексей Золотых, teamlead в компании Infobip, в гостях у Андрея Смирнова из Frontend Weekend. Хочешь поддержать Frontend Weekend, переходи на http://frontendweekend.ml ;)00:28 Как стали вести мастер-классы по GraphQL вместе с Чертороговым?03:15 Чем можешь быть известен моей аудитории?03:58 Почему оцениваешь себя сугубо в количественных характеристи…
D
Desarrollo Web y Frontend con midudev


1
Trabajo en remoto y equipos distribuidos
1:18:34
1:18:34
נגן מאוחר יותר
נגן מאוחר יותר
רשימות
לייק
אהבתי
1:18:34
F
Frontend First


1
Mike Perham on Sustaining Open Source with Sidekiq and Faktory
1:09:37
1:09:37
נגן מאוחר יותר
נגן מאוחר יותר
רשימות
לייק
אהבתי
1:09:37
על ידי Frontend First
F
Frontend First


1
What's the best SPA architecture for edge deploys?
2:15:24
2:15:24
נגן מאוחר יותר
נגן מאוחר יותר
רשימות
לייק
אהבתי
2:15:24
על ידי Frontend First
F
Frontend First


1
Declarative Code and DevOps
1:07:04
1:07:04
נגן מאוחר יותר
נגן מאוחר יותר
רשימות
לייק
אהבתי
1:07:04
על ידי Frontend First
על ידי Frontend First
F
Frontend First


1
When UI isn't a function of state
1:05:20
1:05:20
נגן מאוחר יותר
נגן מאוחר יותר
רשימות
לייק
אהבתי
1:05:20
על ידי Frontend First
D
Desarrollo Web y Frontend con midudev


1
TC39, presente y futuro del Javascript
1:11:29
1:11:29
נגן מאוחר יותר
נגן מאוחר יותר
רשימות
לייק
אהבתי
1:11:29
F
Frontend First


1
How should we style the stuff in between components?
59:44
59:44
נגן מאוחר יותר
נגן מאוחר יותר
רשימות
לייק
אהבתי
59:44
על ידי Frontend First
F
Frontend Weekend


1
#102 – Что изменилось у Романа Дворнова (уход из Avito, переезд в Прагу и цели open source'а)
54:15
54:15
נגן מאוחר יותר
נגן מאוחר יותר
רשימות
לייק
אהבתי
54:15
Роман Дворнов, frontend teamlead в компании Wrike, снова в гостях у Андрея Смирнова из Frontend Weekend. Хочешь поддержать Frontend Weekend, переходи на http://frontendweekend.ml ;)00:35 Чем можешь быть известен моей аудитории?01:16 Как изменилось видение баланса между руководством и разработкой?03:47 Каково было не работать полгода после ухода из …