Гайд как правильно расставлять margin и padding
https://habrahabr.ru/post/340420/
#css #margin #padding

Подборка на русском по теме react+redux.
1. Коротко о том, что такое flux-архитектура и причем тут redux. С картинками :)
https://habrahabr.ru/company/hexlet/blog/268249/
2. Примеры имплементации flux-архитектуры или "пишем свой redux". Читать для понимания как работает и как оно примерно выглядит изнутри.
https://code.tutsplus.com/ru/tutorials/getting-started-with-the-flux-architecture-in-react--cms-28906
http://css-live.ru/articles/vnikaem-v-mexanizmy-redux-delaya-svoyo-xranilishhe-store.html
3. Пример использования redux в связке с react:
https://getinstance.info/articles/react/learning-react-redux/ простейший пример
https://maxfarseer.gitbooks.io/redux-course-ru/content/ более подробный и глубокий
4. Также понадобится библиотека для работы с сайд-эффектами, одна простейших это redux-thunk, одна из мощнейших - redux-saga:
https://github.com/rajdee/redux-in-russian/blob/master/docs/advanced/AsyncActions.md
Немного про саги: https://www.moscowjs.ru/talk/redux-saga-na-steroidah и https://github.com/redux-saga/redux-saga/blob/master/README_ru.md но лучше читать документацию.
5. И еще никуда без reselect: https://medium.com/devschacht/neil-fenton-improving-react-and-redux-performance-with-reselect-40f1d3efba89

Как учить реакт
https://github.com/rtivital/react-things
#react #redux

Наиболее исчерпывающие курсы на английском по реакт-редаксу по от самого создателя редакса - Дэна Абрамова
https://egghead.io/courses/getting-started-with-redux
https://egghead.io/courses/building-react-applications-with-idiomatic-redux
#react #redux #courses #course #egghead

Как перестать страдать из-за обилия точек и сделать из
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

#javascript #tools #learning

Окончательный ответ на вопрос, как же все-таки следует передавать коллбеки в компонент.
https://habrahabr.ru/company/tuturu/blog/348584/
#react #performance

Банда четырех (рус)

Банда четыре (англ)

"Приёмы объектно-ориентированного проектирования. Паттерны проектирования" aka "Банда четырех" aka GOF — must read каждого уважающего себя программиста. Здесь дается краткая характеристика ООП и описаны популярные шаблоны проектирования. Говорят, чтение этой книги делает из обезьяны программиста.
#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

Полезная инфа, о которой можно иногда забывать

И объясняет почему, например в реакте, лучше разбить рендер на более мелкие функции, чтобы интерфейс был более отзывчивым

Особенно для устройств с более слабыми вычислительными мощностями

#vscode #hotkeys #macos #editor

#vscode #linux #hotkeys #editor

Свежие статьи по фронту
https://frontendfront.com/recent/
#news #frontend