home.social

Search

1000 results for “redux”

  1. new porch boards sweating

    pine sap in the summer heat

    glistening like dew

    #haiku
    #dailyhaikuprompt

    #redux

  2. Разбираем Bulletproof React: как не утонуть в хаосе собственного кода

    Помните тот момент, ĸогда вы отĸрываете свой собственный проеĸт, ĸоторый не трогали пару месяцев, и не понимаете, где что лежит? А если ĸ проеĸту подĸлючается новый разработчиĸ, первые две недели он просто бродит по папĸам в попытĸах понять логиĸу автора. React дал нам невероятную свободу: фунĸциональные ĸомпоненты с хуĸами, состояние в Redux, Context, MobX, Zustand или useState, запросы где угодно и ĸаĸ угодно. Но эта свобода имеет обратную сторону — отсутствие стандартов. Каждый разработчиĸ пишет «по‑своему». В одном проеĸте мирно сосуществуют устаревшие подходы с современными, запросы ĸ API разбросаны по всему ĸоду, а состояние приложения напоминает спагетти. Проходит полгода, и даже автор ĸода с трудом объясняет, почему все устроено именно таĸ. Знакомо? Существует архитеĸтура, ĸоторая решает эти проблемы. Она называется Bulletproof React. Это не очередной шаблон или стартовый boilerplate. Это философия и набор лучших праĸтиĸ для создания production‑ready приложений, ĸоторые не превращаются в хаос через месяц разработĸи. В этой статье я постараюсь разобрать эту архитеĸтуру детально: от струĸтуры директорий до тестирования и безопасности. Данный материал будет полезен и новичĸам, ĸоторые тольĸо начинают задумываться об архитеĸтуре, и опытным разработчиĸам, ищущим проверенные решения.

    habr.com/ru/articles/1033506/

    #frontend #react #fsd #bulletproof #typescript #javascript #архитектура #архитектура_приложений #zustand #reduxtoolkit

  3. Разбираем Bulletproof React: как не утонуть в хаосе собственного кода

    Помните тот момент, ĸогда вы отĸрываете свой собственный проеĸт, ĸоторый не трогали пару месяцев, и не понимаете, где что лежит? А если ĸ проеĸту подĸлючается новый разработчиĸ, первые две недели он просто бродит по папĸам в попытĸах понять логиĸу автора. React дал нам невероятную свободу: фунĸциональные ĸомпоненты с хуĸами, состояние в Redux, Context, MobX, Zustand или useState, запросы где угодно и ĸаĸ угодно. Но эта свобода имеет обратную сторону — отсутствие стандартов. Каждый разработчиĸ пишет «по‑своему». В одном проеĸте мирно сосуществуют устаревшие подходы с современными, запросы ĸ API разбросаны по всему ĸоду, а состояние приложения напоминает спагетти. Проходит полгода, и даже автор ĸода с трудом объясняет, почему все устроено именно таĸ. Знакомо? Существует архитеĸтура, ĸоторая решает эти проблемы. Она называется Bulletproof React. Это не очередной шаблон или стартовый boilerplate. Это философия и набор лучших праĸтиĸ для создания production‑ready приложений, ĸоторые не превращаются в хаос через месяц разработĸи. В этой статье я постараюсь разобрать эту архитеĸтуру детально: от струĸтуры директорий до тестирования и безопасности. Данный материал будет полезен и новичĸам, ĸоторые тольĸо начинают задумываться об архитеĸтуре, и опытным разработчиĸам, ищущим проверенные решения.

    habr.com/ru/articles/1033506/

    #frontend #react #fsd #bulletproof #typescript #javascript #архитектура #архитектура_приложений #zustand #reduxtoolkit

  4. Разбираем Bulletproof React: как не утонуть в хаосе собственного кода

    Помните тот момент, ĸогда вы отĸрываете свой собственный проеĸт, ĸоторый не трогали пару месяцев, и не понимаете, где что лежит? А если ĸ проеĸту подĸлючается новый разработчиĸ, первые две недели он просто бродит по папĸам в попытĸах понять логиĸу автора. React дал нам невероятную свободу: фунĸциональные ĸомпоненты с хуĸами, состояние в Redux, Context, MobX, Zustand или useState, запросы где угодно и ĸаĸ угодно. Но эта свобода имеет обратную сторону — отсутствие стандартов. Каждый разработчиĸ пишет «по‑своему». В одном проеĸте мирно сосуществуют устаревшие подходы с современными, запросы ĸ API разбросаны по всему ĸоду, а состояние приложения напоминает спагетти. Проходит полгода, и даже автор ĸода с трудом объясняет, почему все устроено именно таĸ. Знакомо? Существует архитеĸтура, ĸоторая решает эти проблемы. Она называется Bulletproof React. Это не очередной шаблон или стартовый boilerplate. Это философия и набор лучших праĸтиĸ для создания production‑ready приложений, ĸоторые не превращаются в хаос через месяц разработĸи. В этой статье я постараюсь разобрать эту архитеĸтуру детально: от струĸтуры директорий до тестирования и безопасности. Данный материал будет полезен и новичĸам, ĸоторые тольĸо начинают задумываться об архитеĸтуре, и опытным разработчиĸам, ищущим проверенные решения.

    habr.com/ru/articles/1033506/

    #frontend #react #fsd #bulletproof #typescript #javascript #архитектура #архитектура_приложений #zustand #reduxtoolkit

  5. Redux, TCA, or Bloc - which state management framework fits your SwiftUI project? This comparison evaluates all three and recommends BlocSwift, a port of the Dart Bloc framework, for its event-driven approach with minimal ceremony and isolated per-feature components.

    🔗: medium.com/@fray_88/bloc-for-i by Sergio Fraile

    #SwiftUI #StateManagement #iOSDev

  6. Redux, TCA, or Bloc - which state management framework fits your SwiftUI project? This comparison evaluates all three and recommends BlocSwift, a port of the Dart Bloc framework, for its event-driven approach with minimal ceremony and isolated per-feature components.

    🔗: medium.com/@fray_88/bloc-for-i by Sergio Fraile

    #SwiftUI #StateManagement #iOSDev

  7. Redux, TCA, or Bloc - which state management framework fits your SwiftUI project? This comparison evaluates all three and recommends BlocSwift, a port of the Dart Bloc framework, for its event-driven approach with minimal ceremony and isolated per-feature components.

    🔗: medium.com/@fray_88/bloc-for-i by Sergio Fraile

    #SwiftUI #StateManagement #iOSDev

  8. Redux, TCA, or Bloc - which state management framework fits your SwiftUI project? This comparison evaluates all three and recommends BlocSwift, a port of the Dart Bloc framework, for its event-driven approach with minimal ceremony and isolated per-feature components.

    🔗: medium.com/@fray_88/bloc-for-i by Sergio Fraile

    #SwiftUI #StateManagement #iOSDev

  9. Модальные окна в React: архитектура управления для сложных интерфейсов

    Модальные окна — один из самых недооценённых слоёв UI-архитектуры. Формы, подтверждения, панели действий — в любом крупном проекте их десятки. И почти в каждом проекте их управление со временем превращается в хаос. Не потому что разработчики ленивые. А потому что модалки обманчиво просты. useState(false) — и готово. Пока модалка одна, в одном месте, с одним набором данных — проблем нет.

    habr.com/ru/articles/1019824/

    #Modals #React #dialog #redux

  10. Модальные окна в React: архитектура управления для сложных интерфейсов

    Модальные окна — один из самых недооценённых слоёв UI-архитектуры. Формы, подтверждения, панели действий — в любом крупном проекте их десятки. И почти в каждом проекте их управление со временем превращается в хаос. Не потому что разработчики ленивые. А потому что модалки обманчиво просты. useState(false) — и готово. Пока модалка одна, в одном месте, с одним набором данных — проблем нет.

    habr.com/ru/articles/1019824/

    #Modals #React #dialog #redux

  11. Модальные окна в React: архитектура управления для сложных интерфейсов

    Модальные окна — один из самых недооценённых слоёв UI-архитектуры. Формы, подтверждения, панели действий — в любом крупном проекте их десятки. И почти в каждом проекте их управление со временем превращается в хаос. Не потому что разработчики ленивые. А потому что модалки обманчиво просты. useState(false) — и готово. Пока модалка одна, в одном месте, с одним набором данных — проблем нет.

    habr.com/ru/articles/1019824/

    #Modals #React #dialog #redux

  12. 🍿 Weekly Tracker

    🔁 #ReduxRedux follows a mother avenging her daughter across parallel universes.
    🕒 #56Days turns a supermarket romance into a chilling murder mystery.
    👨‍👩‍👧 #FamilyGuy returns with the chaotic humor fans love.
    🧹 #TheHousemaid was the most watched movie packed with dark secrets.
    ⚔️ #AKnightOfTheSevenKingdoms was the most watched fantasy epic.

    #RipppleWeekly #Discover #TV #Movies #Trailers

    ripppleapp.writeas.com/rippple

  13. EIFF 2025 Review: Redux Redux – “An absolutely excellent slice of action-SF, with an emotional core.” Read it here bit.ly/4lC7vKj by @LordWoolamaloo

    #ReduxRedux #film #review #scifi #EIFF #EIFF2025 @edfilmfest

  14. Redux Redux
    2025

    Fantasy Filmfest 2025 - Nights

    The movie doesn't spend much time on exposition. Right at the beginning, we see Irene killing her daughter's murderer. That could have been it, but Irene has a time machine in a practical box and she waits for him again in the next parallel world. Once, however, she is able to save the teenager Mia from him, who sticks by her side.

    👉 boxd.it/9GqUtP

    #ReduxRedux #FilmReview #FilmMastodon #SoilentFilm #Zoopalast #FantasyFilmFest

  15. Redux Redux
    2025

    Fantasy Filmfest 2025 - Nights

    The movie doesn't spend much time on exposition. Right at the beginning, we see Irene killing her daughter's murderer. That could have been it, but Irene has a time machine in a practical box and she waits for him again in the next parallel world. Once, however, she is able to save the teenager Mia from him, who sticks by her side.

    👉 boxd.it/9GqUtP

    #ReduxRedux #FilmReview #FilmMastodon #SoilentFilm #Zoopalast #FantasyFilmFest

  16. Redux Redux
    2025

    Fantasy Filmfest 2025 - Nights

    The movie doesn't spend much time on exposition. Right at the beginning, we see Irene killing her daughter's murderer. That could have been it, but Irene has a time machine in a practical box and she waits for him again in the next parallel world. Once, however, she is able to save the teenager Mia from him, who sticks by her side.

    👉 boxd.it/9GqUtP

    #ReduxRedux #FilmReview #FilmMastodon #SoilentFilm #Zoopalast #FantasyFilmFest

  17. Redux Redux
    2025

    Fantasy Filmfest 2025 - Nights

    The movie doesn't spend much time on exposition. Right at the beginning, we see Irene killing her daughter's murderer. That could have been it, but Irene has a time machine in a practical box and she waits for him again in the next parallel world. Once, however, she is able to save the teenager Mia from him, who sticks by her side.

    👉 boxd.it/9GqUtP

    #ReduxRedux #FilmReview #FilmMastodon #SoilentFilm #Zoopalast #FantasyFilmFest

  18. Redux Redux
    2025

    Fantasy Filmfest 2025 - Nights

    The movie doesn't spend much time on exposition. Right at the beginning, we see Irene killing her daughter's murderer. That could have been it, but Irene has a time machine in a practical box and she waits for him again in the next parallel world. Once, however, she is able to save the teenager Mia from him, who sticks by her side.

    👉 boxd.it/9GqUtP

    #ReduxRedux #FilmReview #FilmMastodon #SoilentFilm #Zoopalast #FantasyFilmFest

  19. All these "state management" solutions of the "modern web" like #Redux, Zustand or whatever try to solve state management in UI apps by introducing unfathomable amount of complexity...

    ...when in reality all you need is #Bevy's #ECS. ¯\_(ツ)_/¯

    #GUI #UI #StateManagement #DataOrientedDesign #DoD

  20. Redux это бойлерплейт, а Mobx нет! Но есть нюанс

    На прошлой неделе впервые поучаствовал в конференции по Frontend, где один из докладчиков, расказывал, как удачно его команда переехала с Redux на Mobx. Главным преимуществом он назвал отсутствие бойлерплейта и ускорение разработки в полтора раза. Я прочитал несколько статей и посмотрел другие доклады, где все как один говорят, что Mobx лучше, чем Redux. Возможно это и так, но почему в сравнение всегда идет Redux, а не Redux-Toolkit, я не понимаю. Попытаемся конструктивно посмотреть действительно ли Mobx настолько хорош как о нем говорят.

    habr.com/ru/articles/809075/

    #mobx #redux #frontend

  21. My next goal will be to remove the bulk of #redux, where possible, in favour of data fetching at the component level via #ReactQuery and composed with simpler hooks to encapsulate repeated work - there’s a lot of “take an entity, turn it into a map, memoise the result, pull out a value” which is done in the current app and while it’s at least memoised there’s huge opportunity for neater abstractions

  22. My next goal will be to remove the bulk of #redux, where possible, in favour of data fetching at the component level via #ReactQuery and composed with simpler hooks to encapsulate repeated work - there’s a lot of “take an entity, turn it into a map, memoise the result, pull out a value” which is done in the current app and while it’s at least memoised there’s huge opportunity for neater abstractions

  23. My next goal will be to remove the bulk of #redux, where possible, in favour of data fetching at the component level via #ReactQuery and composed with simpler hooks to encapsulate repeated work - there’s a lot of “take an entity, turn it into a map, memoise the result, pull out a value” which is done in the current app and while it’s at least memoised there’s huge opportunity for neater abstractions

  24. My next goal will be to remove the bulk of #redux, where possible, in favour of data fetching at the component level via #ReactQuery and composed with simpler hooks to encapsulate repeated work - there’s a lot of “take an entity, turn it into a map, memoise the result, pull out a value” which is done in the current app and while it’s at least memoised there’s huge opportunity for neater abstractions

  25. Redux vs Mobx кого же выбрать для React-приложения в 2024 году?

    Привет, Хабр! Сегодня я хочу поделиться с вами своими размышлениями о том, какой стейт менеджер лучше использовать для разработки приложений на React в 2024 году. Как вы знаете, React — это одна из самых популярных и мощных библиотек для создания пользовательских интерфейсов, которая предоставляет множество возможностей и преимуществ для разработчиков. Однако, по мере роста и усложнения приложений на React, возникает необходимость в управлении состоянием и данными, которые используются в разных компонентах. Для этого существуют различные решения, называемые стейт менеджерами. Стейт менеджер — это инструмент, который позволяет централизованно хранить, обновлять и передавать данные между компонентами, а также реагировать на изменения состояния. В этой статье я рассмотрю два из самых популярных и зрелых стейт менеджеров для React: Redux и Mobx. Я сравню их основные принципы, преимущества и недостатки, а также покажу примеры их использования в коде. Также я попытаюсь ответить на вопрос, какой из них лучше подходит для разработки современных приложений на React в 2024 году.

    habr.com/ru/articles/795901/

    #mobx #mobxstatetree #redux #reduxsaga #react #reactjs #javascript #webразработка #webпрограммирование #technology