Наиболее исчерпывающие курсы на английском по реакт-редаксу по от самого создателя редакса - Дэна Абрамова
https://egghead.io/courses/getting-started-with-redux
https://egghead.io/courses/building-react-applications-with-idiomatic-redux
#react #redux #courses #course #egghead
https://egghead.io/courses/getting-started-with-redux
https://egghead.io/courses/building-react-applications-with-idiomatic-redux
#react #redux #courses #course #egghead
Как перестать страдать из-за обилия точек и сделать из
вот это
?
Другими словами — настроить поддержку абсолютных путей.
1. tsconfig.json для TypeScript, jsconfig.json для JS:
2. webpack.config.js
где
3. package.json
Настройка автоимпортов в WebStorm:
File → Settings → Code Style → Typescript → Import → Use path relative to tsconfig.json
или для JS:
File → Settings → Code Style → JavaScript → Import → Use path relatives to the project
Если вдруг не заработало:
ПКМ на папке src → mark directory → as resource root
Vscode, atom, sublime дополнительной настройки не требуют.
#webpack #javascript #typescript #webstorm #import #autoimport #absolutepath
import * as actionCreators from '../../../../../store/actions';вот это
import * as actionCreators from 'features/auth/store/actions';?
Другими словами — настроить поддержку абсолютных путей.
1. tsconfig.json для TypeScript, jsconfig.json для JS:
"baseUrl": "./src"2. webpack.config.js
resolve: {
modules: ['node_modules', srcPath]
}где
srcPath абсолютный путь до директории src.3. package.json
"baseDir": "src"Настройка автоимпортов в WebStorm:
File → Settings → Code Style → Typescript → Import → Use path relative to tsconfig.json
или для JS:
File → Settings → Code Style → JavaScript → Import → Use path relatives to the project
Если вдруг не заработало:
ПКМ на папке src → mark directory → as resource root
Vscode, atom, sublime дополнительной настройки не требуют.
#webpack #javascript #typescript #webstorm #import #autoimport #absolutepath
Окончательный ответ на вопрос, как же все-таки следует передавать коллбеки в компонент.
https://habrahabr.ru/company/tuturu/blog/348584/
#react #performance
https://habrahabr.ru/company/tuturu/blog/348584/
#react #performance
Хабр
Как избежать проблем с производительностью при создании React-приложений
О производительности react React не зря считается очень производительным фреймворком. Он позволяет создавать быстрые динамические страницы с большим количеством...
"Приёмы объектно-ориентированного проектирования. Паттерны проектирования" aka "Банда четырех" aka GOF — must read каждого уважающего себя программиста. Здесь дается краткая характеристика ООП и описаны популярные шаблоны проектирования. Говорят, чтение этой книги делает из обезьяны программиста.
#pattern #patterns #OOP #GOF #book #books
#pattern #patterns #OOP #GOF #book #books
В продолжение темы о паттернах, теперь React: https://habrahabr.ru/post/309422/
Немного best practices (англ): https://github.com/vasanthk/react-bits
#patterns #react #redux #pattern #HOC
Немного best practices (англ): https://github.com/vasanthk/react-bits
#patterns #react #redux #pattern #HOC
Хабр
Паттерны React
Привет Хабр! Предлагаю вашему вниманию свободный перевод статьи «React Patterns» Майкла Чана, с некоторыми моими примечаниями и дополнениями. Прежде всего хотел...
Forwarded from Anton K
YouTube
What the heck is the event loop anyway? | Philip Roberts | JSConf EU
JavaScript programmers like to use words like, “event-loop”, “non-blocking”, “callback”, “asynchronous”, “single-threaded” and “concurrency”.
We say things like “don’t block the event loop”, “make sure your code runs at 60 frames-per-second”, “well of course…
We say things like “don’t block the event loop”, “make sure your code runs at 60 frames-per-second”, “well of course…
Forwarded from Anton K
И объясняет почему, например в реакте, лучше разбить рендер на более мелкие функции, чтобы интерфейс был более отзывчивым
Forwarded from Anton K
Особенно для устройств с более слабыми вычислительными мощностями
Forwarded from For Web — фронтенд, дизайн, программирование (forwebdev)