Публикации по теме 'react'
Забавная статистика #6
PRE-S : смотрите предыдущую статистику здесь .
Еженедельник Frontend имеет более 10459 подписчиков (до 2959, СПАСИБО)
Вы потратили более 523 000 минут на чтение наших статей за последние 30 дней (на 166 000 больше)
У нас в среднем 9340 посетителей в день (до 3422 посетителей)
У нас более 3470 подписчиков на рассылку новостей (до 970 подписчиков). Если вы не успеваете за Интернетом, информационный бюллетень выходит раз в неделю и содержит всего 8 ссылок , отобранных..
React Hooks, как они работают и как их использовать в своих приложениях
React Hooks произвели революцию в том, как разработчики создают приложения в React. Представленные в React 16.8 хуки — это функции, которые позволяют вам использовать состояние и другие функции React без написания класса. Они упрощают повторное использование логики с отслеживанием состояния, управление побочными эффектами и составление поведения модульным и повторно используемым способом.
В этом блоге мы более подробно рассмотрим хуки React, как они работают и как их использовать в ваших..
Как useEffect может имитировать методы жизненного цикла React
Хук useEffect в React можно использовать для имитации поведения нескольких методов жизненного цикла, которые были доступны в более старых версиях React. Вот как можно использовать useEffect для имитации этих методов:
componentDidMount : метод componentDidMount вызывается, когда компонент впервые монтируется в DOM. Чтобы имитировать такое поведение, вы можете использовать useEffect с пустым массивом зависимостей (т. е. useEffect(() => {}, []) ). Функция внутри хука..
Совет по Javascript: не привязывайте свои функции, используйте закрытие
Сколько раз вы делали это со своими классами Javascript?
import React, { Component, PropTypes } from 'react'
export default class SimpleButton extends Component {
constructor(props) {
super(props)
this.greet = this.greet.bind(this)
}
greet() {
console.log("It's working!")
}
render () {
return (
<button onClick={this.greet}>Log it!</button>
)
}
}
Вам действительно не нужно связывать свои функции вручную, как это. Проще,..
Реагируйте с помощью Typescript и Webpack
Реагируйте с помощью Typescript и Webpack
Почему я пишу это
На момент написания этой статьи популярность React уже резко возросла, популярность Typescript находится на подъеме, и можно с уверенностью сказать что Webpack является наиболее предпочтительным современным сборщиком модулей для приложения. Однако по-прежнему существует нехватка хорошего примера наилучшего способа начать проект в React с помощью Typescript и Webpack . При этом есть хорошие ресурсы, если вы..
Создать приложение React с горячей перезагрузкой
Устав от перезагрузки моего приложения после изменения стилей, но не желая открывать банку червей, которые могут иметь дело со сложностью веб-пакета, я создал 'rewire', чтобы мы могли получить эффективность горячей перезагрузки, не выходя из управляемой безопасности create-response -приложение:
Https://github.com/cdharris/react-app-rewire-hot-loader
Summon The JSON: скоро появится GIT
Следите за обновлениями