• Оптимизация производительности в React

    • Перевод

    React. Продвинутые руководства. Часть Пятая


    Продолжение серии переводов раздела "Продвинутые руководства" (Advanced Guides) официальной документации библиотеки React.js.


    Оптимизация производительности в React


    Внутренне, React использует несколько продвинутых техник, сводящих к минимуму количество дорогостоящих операций DOM, необходимых для обновления пользовательского интерфейса. Для большинства приложений, использующих React, быстродействие получаемого интерфейса достаточно без дополнительных действий для оптимизации производительности. Тем не менее, есть несколько способов, с помощью которых вы можете ускорить ваше приложение React.


    Читать дальше →
    • +23
    • 16,3k
    • 7
  • Неконтролируемые компоненты в React

    • Перевод

    React. Продвинутые руководства. Часть Четвертая


    Продолжение серии переводов раздела "Продвинутые руководства" (Advanced Guides) официальной документации библиотеки React.js.


    Неконтролируемые компоненты в React


    В большинстве случаев, мы рекомендуем использовать контролируемые компоненты для реализации форм. В контролируемом компоненте, данные формы обрабатываются компонентом React. Есть альтернативный вариант — это неконтролируемые компоненты, в которых данные формы обрабатываются самим DOM.

    Читать дальше →
  • Ref-атрибуты и DOM в React

    • Перевод

    React. Продвинутые руководства. Часть Третья


    Продолжение серии переводов раздела "Продвинутые руководства" (Advanced Guides) официальной документации библиотеки React.js.


    Ref-атрибуты и DOM в React


    В типовом потоке данных React, свойства (props) — это единственный способ, с помощью которого родители взаимодействуют со своими потомками. Для модификации потомка, вам необходимо заново отобразить (произвести ререндеринг) его с новыми свойствами. Однако, в некоторых случаях, вам понадобится модифицировать потомка непосредственно, вне основного потока. Изменение потомка возможно в случаях если он является экземпляром компонента React или элементом DOM. Для обоих этих случаев React имеет особый способ изменения.

    Читать дальше →
  • PropTypes — проверка типов в React

    • Перевод

    React. Продвинутые руководства. Часть Вторая


    Продолжение серии переводов раздела "Продвинутые руководства" (Advanced Guides) официальной документации библиотеки React.js.


    PropTypes — проверка типов в React


    По мере того, как ваше приложение будет расти — вы можете наткнуться на большое количество ошибок, связанных с проверкой типов. Для некоторых приложений, вы можете использовать расширения JavaScript такие как Flow или TypeScript осуществляя проверку типов всего вашего приложения. Но если вы не используете таковые — React предоставляет некоторые встроенные возможности проверки типов.


    Читать дальше →
  • JSX — подробности

    • Перевод

    React. Продвинутые руководства. Часть Первая


    Этой публикацией я открываю серию переводов раздела "Продвинутые руководства" (Advanced Guides) официальной документации библиотеки React.js.


    JSX — подробности


    Фундаментально, JSX является синтаксическим сахаром для функции React.createElement(component, props, ...children).


    Читать дальше →
  • Мыслим в стиле React

    image


    Перевод туториала официальной документации библиотеки React.js.


    Мыслим в стиле React


    React, на наш взгляд, это лучший способ построить большое, быстрое веб-приложение с помощью JavaScript. По нашему опыту в Facebook и Instagram, приложение на React также очень хорошо масштабируется.


    Одно из многих замечательных свойств React — это принцип "Как вы проектируете приложение, также вы и создаете его". В этом туториале вы пройдете весь мыслительный процесс проектирования и создания приложения React, отображающего таблицу данных для поиска товара.


    Читать дальше →