Size: a a a

2018 August 11
Frontend Info
Practical guide to Storybook Driven Development

Хорошая статья про разработку React компонентов с помощью Storybook

#react #storybook #styledcomponents

Practical guide to Storybook Driven Development
источник
Frontend Info
React Fragments in v16.2.0

Что такое React Fragments и когда его стоит использовать в статье
#react
React Fragments in v16.2.0
источник
Frontend Info
Перевод цикла статей React Native в Airbnb

http://telegra.ph/React-Native-v-Airbnb-08-11
источник
2018 August 12
Frontend Info
How to pass props to components in React

Все что вы хотели знать о props в #react
How to pass props to components in React
источник
Frontend Info
источник
Frontend Info
Повышение производительности React и Redux с Reselect

https://medium.com/devschacht/neil-fenton-improving-react-and-redux-performance-with-reselect-40f1d3efba89
источник
Frontend Info
Перевод официальной документации библиотеки Reselect

https://github.com/devSchacht/translations/blob/master/articles/reselect-selector-library-for-redux/readme.md #redux
источник
2018 August 13
Frontend Info
React Pattern: Centralized PropTypes

Устали писать одинаковые proptypes в разных компонентах, тогда эта статья для вас
https://medium.freecodecamp.org/react-pattern-centralized-proptypes-f981ff672f3b
источник
Frontend Info
Обработка жестов в React Native приложение через PanResponder

Intro to Gestures in React Native #reactnative
источник
Frontend Info
Тестирование React компонентов с Jest и Enzyme

Статья о тестировании React компонентов
- Тестирование отрисовки простого компонента
- Тестирование props
- Тестирование событий
- Тестирование обработчиков событий
- Отладка и устранение проблем
#react #jest #enzyme #testing

https://goo.gl/Kuizf1
источник
Frontend Info
источник
Frontend Info
источник
Frontend Info
источник
Frontend Info
Один из способов организации React проекта

Идеальной структуры для всех проектов не бывает, но в статье Лучшая архитектура для React проекта приведено детальное описание структуры #react проекта c atomic структурой, dumb/smart components, организацией api, #redux store и middleware
источник
2018 August 14
Frontend Info
Чек-лист производительности фронтенда

Список включает проверку производительности для:
- HTML
- CSS
- Шрифтов
- Изображений
- JavaScript
- Сервера
- JS-фреймворков

https://github.com/lex111/Front-End-Performance-Checklist
источник
Frontend Info
источник
Frontend Info
Подборка из 16 бесплатных ReactJS Bootstrap шаблонов для админ панелей

15+ Best Free Bootstrap Templates for ReactJS #react
источник
2018 August 15
Frontend Info
Data fetching in Redux apps — a 100% correct approach

Прежде всего эта статья интересна как пример разработки #redux middleware

https://blog.logrocket.com/data-fetching-in-redux-apps-a-100-correct-approach-4d26e21750fc
источник
Frontend Info
A Practical Guide to Regular Expressions (RegEx) In JavaScript

Краткое руководство по эффективному использованию регулярных выражений с практическими примерами.

https://blog.bitsrc.io/a-beginners-guide-to-regular-expressions-regex-in-javascript-9c58feb27eb4
источник
Frontend Info
React Context API: управление состаянием приложения с легкостью

Сравнение #react Context API and #redux
+ Authenticate a React App with Auth0
https://auth0.com/blog/react-context-api-managing-state-with-ease/
источник