Прочитав книгу Раяна Макдермотта чистый код адаптированную под javascript(es6, es7), решил написать серию статей по переводу этой книги.
Оглавление:
- Введение
- Переменные
Рубрика «ReactJS» - 50
Чистый javascript.Введение
2017-01-14 в 8:51, admin, рубрики: AngularJS, javascript, javascript nodejs reactjs, node.js, ReactJSRef-атрибуты и 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).
Мыслим в стиле React
2017-01-08 в 21:46, admin, рубрики: documentation, javascript, react.js, ReactJS, tutorial, перевод с английского, Разработка веб-сайтов
Перевод туториала официальной документации библиотеки React.js.
Мыслим в стиле React
React, на наш взгляд, это лучший способ построить большое, быстрое веб-приложение с помощью JavaScript. По нашему опыту в Facebook и Instagram, приложение на React также очень хорошо масштабируется.
Одно из многих замечательных свойств React — это принцип "Как вы проектируете приложение, также вы и создаете его". В этом туториале вы пройдете весь мыслительный процесс проектирования и создания приложения React, отображающего таблицу данных для поиска товара.
Изоморфные React-приложения: производительность и масштабирование
2017-01-06 в 14:46, admin, рубрики: AngularJS, frontendconf, javascript, React, react.js, ReactJS, Блог компании Конференции Олега Бунина (Онтико), денис измайлов, Клиентская оптимизация, метки: денис измайлов
Денис Измайлов ( DenisIzmaylov )
Всем привет! Вкратце расскажу о себе. Я — Денис Измайлов. Последние 5 лет сосредоточился на JS-разработке, делал много Single Page Application, highload, React, выступал на MoscowJS несколько раз, каммитил webpack и т.д.
Сегодня хотел бы поговорить вот о чем: почему от Single Page Application в его классическом виде стоит отказаться; как изоморфные приложения отразятся на Вашей зарплате; и что вы будете делать на этих выходных?
Читать полностью »
end-to-end шифрование файлов в dropbox
2017-01-05 в 11:29, admin, рубрики: chacha20, DropBox, e2e, javascript, React, ReactJS, криптография
У каждого есть свои тайны и человечество вечно пыталось находить пути как их скрытия так и разоблачения.
Под катом будет описан один из способов скрыть свои файлы так, чтобы ваш параноик был счастлив
json-api-normalizer: легкий способ подружить Redux и JSON API
2017-01-04 в 10:28, admin, рубрики: api, Elixir, javascript, JSON API, node.js, phoenix, react.js, ReactJS, redux, web-разработка, Разработка веб-сайтов
В последнее время набирает популярность стандарт JSON API для разработки веб-сервисов. На мой взгляд, это очень удачное решение, которое наконец хоть немного стандартизирует процесс разработки API, и вместо очередного изобретения велосипеда мы будем использовать библиотеки как на стороне сервера, так и клиента для обмена данными, фокусируясь на интересных задачах вместо написания сериалайзеров и парсеров в сто первый раз.
Путь джесая, часть первая: 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 без бабеля, зарегаем его и выведем на странице. Многие из вас сегодня повзрослеют, а некоторые возможно даже станут мужчинами.
Если вы боитесь что мир для вас никогда уже не будет прежним — не бойтесь, он прежним никогда и не был, так что заходите…
Читать полностью »
Разбор: как и зачем применять PureComponent в React
2016-12-26 в 12:33, admin, рубрики: javascript, react.js, ReactJS, redmadrobot, Блог компании REDMADROBOT, оптимизация
29 Июля вышел React 15.3, и первым пунктом в release-notes значилось добавление поддержки React.PureComponent, который заменяет своего предшественника pure-render-mixin. В этой статье обсудим, почему же этот компонент так важен и где его использовать.
Читать полностью »