Forwarded from Defront — про фронтенд-разработку и не только
Посмотрел доклад Джефа Ши из Netflix про то, как развивалась их часть React-приложения, отвечающая за регистрацию нового пользователя — "Redux For Transactional Apps".
Из доклада мне запомнилось то, как они боролись с разобщённостью флоу процесса регистрации на разных платформах: Web, Mobile, TV. На каждой платформе транзакции описывались в самом приложении (в докладе под транзакцией подразумевается пошаговое изменение состояния приложения). Логика транзакций в итоге была перемещена в API, что позволило решить проблему.
Ещё в докладе Джеф рассказал про то, какой профит они получили при использовании Redux. Благодаря тому, что view отделено от стейта, они могут использовать одну и ту же логику изменения состояния на разных платформах, просто подменяя компоненты, отвечающие за представление.
Доклад не хардкорный. Не могу сказать, что он будет полезен всем. Но если вы работаете с React, то посмотреть его можно.
#react #statemanagement #talk
https://youtu.be/V8oTJ8OZ5S0?t=1134
Из доклада мне запомнилось то, как они боролись с разобщённостью флоу процесса регистрации на разных платформах: Web, Mobile, TV. На каждой платформе транзакции описывались в самом приложении (в докладе под транзакцией подразумевается пошаговое изменение состояния приложения). Логика транзакций в итоге была перемещена в API, что позволило решить проблему.
Ещё в докладе Джеф рассказал про то, какой профит они получили при использовании Redux. Благодаря тому, что view отделено от стейта, они могут использовать одну и ту же логику изменения состояния на разных платформах, просто подменяя компоненты, отвечающие за представление.
Доклад не хардкорный. Не могу сказать, что он будет полезен всем. Но если вы работаете с React, то посмотреть его можно.
#react #statemanagement #talk
https://youtu.be/V8oTJ8OZ5S0?t=1134
YouTube
Netflix JavaScript Talks - Performance Signup in React & Transactional Apps with Redux
In this episode of Netflix JavaScript Talks, Tony Edwards (@tedwards947) discusses how Netflix improved the performance of the signup experience with its React-based architecture. Jeff Shi goes in depth on how Netflix uses Redux to handle the complexity of…
Интереcный проект, а именно клон #jira но на #react и #nodejs
https://github.com/oldboyxx/jira_clone
https://github.com/oldboyxx/jira_clone
Forwarded from Defront — про фронтенд-разработку и не только
Орта Терокс написал статью про опыт перевода основного сайта TypeScript на Gatsby — "Why the TypeScript team is using Gatsby for its new website".
Старая версия сайта собирается с помощью Jekyll. Это хороший инструмент, но он плохо масштабируется — на сотнях статей, сборка сайта занимает очень много времени. С учётом того, что на сайте TypeScript могут появиться переводы на разные языки и новые статьи, Jekyll не самое подходящее решение. У Gatsby таких проблем с производительностью нет. Дополнительно его можно подружить с TypeScript, и весь код страниц будет проверяться статически. В статье есть небольшая инструкция, как это сделать.
Если работаете с Gatsby и планируете прикрутить к нему TS, то эта статья может быть полезна.
#gastby #react #typescript
https://www.gatsbyjs.org/blog/2020-01-23-why-typescript-chose-gatsby/
Старая версия сайта собирается с помощью Jekyll. Это хороший инструмент, но он плохо масштабируется — на сотнях статей, сборка сайта занимает очень много времени. С учётом того, что на сайте TypeScript могут появиться переводы на разные языки и новые статьи, Jekyll не самое подходящее решение. У Gatsby таких проблем с производительностью нет. Дополнительно его можно подружить с TypeScript, и весь код страниц будет проверяться статически. В статье есть небольшая инструкция, как это сделать.
Если работаете с Gatsby и планируете прикрутить к нему TS, то эта статья может быть полезна.
#gastby #react #typescript
https://www.gatsbyjs.org/blog/2020-01-23-why-typescript-chose-gatsby/
Gatsby
The Best React-Based Framework | Gatsby
Gatsby is a React-based open source framework with performance, scalability and security built-in. Collaborate, build and deploy 1000x faster on Netlify.
Обзор SaaS решений для #deploy на примере #react приложения
https://blog.logrocket.com/8-ways-to-deploy-a-react-app-for-free/
https://blog.logrocket.com/8-ways-to-deploy-a-react-app-for-free/
LogRocket Blog
8 ways to deploy a React app for free - LogRocket Blog
Check out these eight different ways to deploy a React app for free, and learn how to get started with them via their dashboards or the CLI.