Рубрика «jsx»
20 частых антипаттернов в React и как их исправить: кратко, понятно, без мифов
2025-08-15 в 15:45, admin, рубрики: antipatterns, hooks, javascript, JS, jsx, ReactПростая и мощная валидация форм для SolidJS с Zod
2025-08-12 в 6:15, admin, рубрики: form, form validation, forms, javascript, jsx, solidjs, tsx, TypeScript, zodПривет!
Хочу рассказать вам про свою библиотеку solidjs-hook-form,которую я сделал для упрощения работы с множеством форм в SolidJS.
Изначально я столкнулся с такой проблемой: валидация, управление состоянием, много инпутов, boilerplate... Капец, можно запутаться. Особенно когда форма не из двух полей, а с кучей логики. Вот и пришлось мне написать свою либу.
Создаем свой React с рендером и useState за 30 минут
2022-02-19 в 11:44, admin, рубрики: createelement, javascript, jsx, parcel, React, react-dom, react.js, ReactJS, render, tsx, TypeScript, usestate
Понимание работы процессов приходит с изучением механизмов, которые приводят в движение мелкие части большого пазла. Если представить, что Вам дали задачу объяснить, что такое React за полчаса, скорее всего, Вы бы выбрали один из двух вариантов:
-
пересказать все то, что изложено на первой странице официальной документации reactjs.org
Самые распространенные ошибки в вашем React коде, которые вы (возможно) делаете
2018-07-08 в 12:24, admin, рубрики: javascript, jsx, React, react.js, ReactJS
Вдохновленный прочитанными статьями на медиуме, я решил написать свою статью и рассказать вам как можно избегать самых распространенных ошибок в вашем React приложении и для чего это нужно делать.
Весь код написан в ES6 стиле, поэтому, что бы повторить его вам нужно использовать Babel в вашем проекте (а еще есть такие кто его не использует?).
Я постарался объяснить как можно подробнее каждую ошибку, поэтому, моя статья больше ориентирована на молодых разработчиков, которые еще находятся в поиске новых знаний. Хотя, как мне кажется, и опытный разработчик может найти для себя пару интересных вещей в этой статье.
Если вам интересно, то добро пожаловать под кат.
Оптимизация производительности в React
2017-01-14 в 22:10, admin, рубрики: documentation, javascript, jsx, react.js, ReactJS, перевод с английского, Разработка веб-сайтов
Продолжение серии переводов раздела "Продвинутые руководства" (Advanced Guides) официальной документации библиотеки React.js.
Оптимизация производительности в React
Внутренне, React использует несколько продвинутых техник, сводящих к минимуму количество дорогостоящих операций DOM, необходимых для обновления пользовательского интерфейса. Для большинства приложений, использующих React, быстродействие получаемого интерфейса достаточно без дополнительных действий для оптимизации производительности. Тем не менее, есть несколько способов, с помощью которых вы можете ускорить ваше приложение React.
Неконтролируемые компоненты в React
2017-01-14 в 12:18, admin, рубрики: documentation, javascript, jsx, react.js, ReactJS, перевод с английского, Разработка веб-сайтов
Продолжение серии переводов раздела "Продвинутые руководства" (Advanced Guides) официальной документации библиотеки React.js.
Неконтролируемые компоненты в React
В большинстве случаев, мы рекомендуем использовать контролируемые компоненты для реализации форм. В контролируемом компоненте, данные формы обрабатываются компонентом React. Есть альтернативный вариант — это неконтролируемые компоненты, в которых данные формы обрабатываются самим DOM.
Ref-атрибуты и DOM в React
2017-01-13 в 22:45, admin, рубрики: documentation, javascript, jsx, react.js, ReactJS, перевод с английского, Разработка веб-сайтов
Продолжение серии переводов раздела "Продвинутые руководства" (Advanced Guides) официальной документации библиотеки React.js.
Ref-атрибуты и DOM в React
В типовом потоке данных React, свойства (props) — это единственный способ, с помощью которого родители взаимодействуют со своими потомками. Для модификации потомка, вам необходимо заново отобразить (произвести ререндеринг) его с новыми свойствами. Однако, в некоторых случаях, вам понадобится модифицировать потомка непосредственно, вне основного потока. Изменение потомка возможно в случаях если он является экземпляром компонента React или элементом DOM. Для обоих этих случаев React имеет особый способ изменения.
PropTypes — проверка типов в React
2017-01-11 в 21:11, admin, рубрики: documentation, javascript, jsx, react.js, ReactJS, перевод с английского, Разработка веб-сайтов
Продолжение серии переводов раздела "Продвинутые руководства" (Advanced Guides) официальной документации библиотеки React.js.
PropTypes — проверка типов в React
По мере того, как ваше приложение будет расти — вы можете наткнуться на большое количество ошибок, связанных с проверкой типов. Для некоторых приложений, вы можете использовать расширения JavaScript такие как Flow или TypeScript осуществляя проверку типов всего вашего приложения. Но если вы не используете таковые — React предоставляет некоторые встроенные возможности проверки типов.
JSX — подробности
2017-01-10 в 23:42, admin, рубрики: documentation, javascript, jsx, react.js, ReactJS, перевод с английского, Разработка веб-сайтов
Этой публикацией я открываю серию переводов раздела "Продвинутые руководства" (Advanced Guides) официальной документации библиотеки React.js.
JSX — подробности
Фундаментально, JSX является синтаксическим сахаром для функции React.createElement(component, props, ...children).
Путь джесая, часть первая: typescript, webpack, jsx, custom elements…
2016-12-29 в 17:31, admin, рубрики: custom elements, html, javascript, jsx, ReactJS, TypeScript, webpack, метки: jsxНу что, мальчиши и мальчишки, а не пора ли вам познать джесай до? Не, ну вам то рано еще, а я вот пожалуй начну. Но вы можете присоединиться.
В череде последних статей про jsx/react и прочее я наблюдал наматывание соплей на кулак и прочие непотребства в обсуждениях, дескать как же нам без бабеля, а зачем нам jsx и прочее малодушничание. Будем пресекать. Сегодня мы будем строить webpack, прикрутим к нему typescript и jsx без реакта, соберем на tsx custom element без бабеля, зарегаем его и выведем на странице. Многие из вас сегодня повзрослеют, а некоторые возможно даже станут мужчинами.
Если вы боитесь что мир для вас никогда уже не будет прежним — не бойтесь, он прежним никогда и не был, так что заходите…
Читать полностью »