Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

Coding Design Systems - ep15 - Design Systems and State Management, with Juho Vepsäläinen

Автор: Backlight

Загружено: 2022-04-14

Просмотров: 83

Описание:

Every Tuesday at 5:30PM UTC, join @Georges_Gomes, @m4d_z, and their guests in a new live coding session about design systems, on Backlight.dev!

⎯⎯⎯ In this episode ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯

00:00:00 - Intro: Welcome Juho Vepsäläinen
00:05:01 - State Management in Webapps overview
00:07:45 - App State, Partial Hydration, and Islands Architecture
00:10:23 - State Management Patterns
00:11:36 - Sidewind: State engine for modern Webapps
00:14:43 - Creating a Design System based on Web Components and Sidewind
00:20:49 - Splitting components to cascade state using props
00:42:33 - Using Sidewind to manage state cascade in design systems components
01:09:02 - Outro: a statement for the next session to improve the cascade

⎯⎯⎯ Description ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯

Helped by the creator of Sidewind, a modern state engine for Webapps, we create a new Backlight's Starter Kit based on Web Components and Sidewind to demo how to expose stateful components from your design system, ready to handle state coming from your top-level app.

In this episode, we make the first steps in defining the basics of state management in stateful components.

⎯⎯⎯ Resources ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯

🐥 @bebraw:   / bebraw  
🐥 @survivejs:   / survivejs  
https://survivejs.com/
🐥 @ReactFinland:   / reactfinland  
https://sidewind.js.org/
https://gustwind.js.org/

Picks:
Xstate JavaScript State Machine: https://xstate.js.org/
Deno: https://deno.land/
Cloudflare workers with Deno: https://denoflare.dev/
Astro Beta Launch Week: https://astro.build/blog/launch-week/
Rocket SSG engine: https://rocket.modern-web.dev/

Previous episodes you may be interested in:
Web Components design system, with Thomas Allmer: https://backlight.dev/sessions/coding...


🪄 Backlight Design Systems Editor: https://backlight.dev/?utm_campaign=s...
🐥 Georges Gomes:   / georges_gomes  
🐥 m4dz:   / m4d_z  

Coding Design Systems - ep15 - Design Systems and State Management, with Juho Vepsäläinen

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

array(10) { [0]=> object(stdClass)#6434 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "6bt8BFf0hIw" ["related_video_title"]=> string(47) "Coding Design Systems - ep16 - Nuxt 3 and Vue 3" ["posted_time"]=> string(21) "3 года назад" ["channelName"]=> string(9) "Backlight" } [1]=> object(stdClass)#6407 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "0Fa8sjLWhn4" ["related_video_title"]=> string(96) "Coding Design Systems - ep14 - Design Systems and Islands Architecture built-in, with Ben Holmes" ["posted_time"]=> string(21) "3 года назад" ["channelName"]=> string(9) "Backlight" } [2]=> object(stdClass)#6432 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "IpLTzY_s8iE" ["related_video_title"]=> string(81) "Coding Design Systems - ep12 - A Web Components design system, with Thomas Allmer" ["posted_time"]=> string(21) "3 года назад" ["channelName"]=> string(9) "Backlight" } [3]=> object(stdClass)#6439 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "CNYV6FHFZv8" ["related_video_title"]=> string(153) "Война с точки зрения Ирана | Действия Тегерана после ударов Израиля (English subtitles) @Max_Katz" ["posted_time"]=> string(21) "4 часа назад" ["channelName"]=> string(19) "Максим Кац" } [4]=> object(stdClass)#6418 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "SEfAGnQURQs" ["related_video_title"]=> string(162) "Нужно ли писать юнит-тесты? Дебаты о TDD, моках и бережливом тестировании | Илья Ильиных | #45" ["posted_time"]=> string(25) "2 недели назад" ["channelName"]=> string(93) "Организованное программирование | Кирилл Мокевнин" } [5]=> object(stdClass)#6436 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "RnHC1XiNWS8" ["related_video_title"]=> string(94) "Венедиктов – страх, Симоньян, компромиссы / вДудь" ["posted_time"]=> string(19) "4 дня назад" ["channelName"]=> string(10) "вДудь" } [6]=> object(stdClass)#6431 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "nqwJDi-z738" ["related_video_title"]=> string(89) "Прохожу СОБЕСЕДОВАНИЕ НА SENIOR FRONTEND. ЗП 400к и Live coding" ["posted_time"]=> string(27) "5 месяцев назад" ["channelName"]=> string(7) "Ulbi TV" } [7]=> object(stdClass)#6441 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "255Pv3Z9gj4" ["related_video_title"]=> string(68) "БАЗА без которой ты зря тратишь время" ["posted_time"]=> string(23) "1 месяц назад" ["channelName"]=> string(33) "КАК Я СТАЛ ХАКЕРОМ" } [8]=> object(stdClass)#6417 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "blWdjRUPP6E" ["related_video_title"]=> string(72) "Разведчик о том, как использовать людей" ["posted_time"]=> string(25) "2 недели назад" ["channelName"]=> string(18) "Коллектив" } [9]=> object(stdClass)#6435 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "ZOVHzJEjL-A" ["related_video_title"]=> string(94) "Касьянов. Чем Путина напугала атака Израиля на Иран" ["posted_time"]=> string(23) "6 часов назад" ["channelName"]=> string(29) "Телеканал Дождь" } }
Coding Design Systems - ep16 - Nuxt 3 and Vue 3

Coding Design Systems - ep16 - Nuxt 3 and Vue 3

Coding Design Systems - ep14 - Design Systems and Islands Architecture built-in, with Ben Holmes

Coding Design Systems - ep14 - Design Systems and Islands Architecture built-in, with Ben Holmes

Coding Design Systems - ep12 - A Web Components design system, with Thomas Allmer

Coding Design Systems - ep12 - A Web Components design system, with Thomas Allmer

Война с точки зрения Ирана | Действия Тегерана после ударов Израиля (English subtitles) @Max_Katz

Война с точки зрения Ирана | Действия Тегерана после ударов Израиля (English subtitles) @Max_Katz

Нужно ли писать юнит-тесты? Дебаты о TDD, моках и бережливом тестировании | Илья Ильиных | #45

Нужно ли писать юнит-тесты? Дебаты о TDD, моках и бережливом тестировании | Илья Ильиных | #45

Венедиктов – страх, Симоньян, компромиссы / вДудь

Венедиктов – страх, Симоньян, компромиссы / вДудь

Прохожу СОБЕСЕДОВАНИЕ НА SENIOR FRONTEND. ЗП 400к и Live coding

Прохожу СОБЕСЕДОВАНИЕ НА SENIOR FRONTEND. ЗП 400к и Live coding

БАЗА без которой ты зря тратишь время

БАЗА без которой ты зря тратишь время

Разведчик о том, как использовать людей

Разведчик о том, как использовать людей

Касьянов. Чем Путина напугала атака Израиля на Иран

Касьянов. Чем Путина напугала атака Израиля на Иран

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]