Эта статья является ответом на статью-перевод «Как сделать поиск пользователей по GitHub используя React + RxJS 6 + Recompose», которая буквально вчера научила нас как надо использовать React, RxJS и Recompose вместе. Что ж, предлагаю теперь посмотреть, как это можно реализовать без оных инструментов.
Рубрика «ReactJS» - 31
Как сделать поиск пользователей по GitHub без React + RxJS 6 + Recompose
2018-08-08 в 16:47, admin, рубрики: javascript, react.js, reactive programming, ReactJS, svelte, Разработка веб-сайтов
Как сделать поиск пользователей по GitHub используя React + RxJS 6 + Recompose
2018-08-07 в 16:44, admin, рубрики: javascript, react.js, reactive programming, ReactJS, recompose
Эта статья рассчитана на людей имеющих опыт работы с React и RxJS. Я всего лишь делюсь шаблонами, которые я посчитал полезными для создания такого UI.
Сравнение React и Vue на практическом примере
2018-08-07 в 8:41, admin, рубрики: javascript, React, ReactJS, vue, vuejs, Блог компании RUVDS.com, разработка, Разработка веб-сайтовАвтор материала, перевод которого мы публикуем сегодня, говорит, что на работе ему приходится использовать Vue и он хорошо изучил этот фреймворк. Однако, ему всегда было любопытно узнать, как обстоят дела в других мирах, а именно, во вселенной React.
Он почитал документацию, посмотрел несколько учебных видео, и, хотя всё это показалось ему весьма полезным, ему хотелось по-настоящему понять, в чём заключается разница между React и Vue. Для него поиск различий между фреймворками заключался не в выяснении того, поддерживают ли они виртуальную объектную модель документа, или того, как именно они рендерят страницы. Ему хотелось, чтобы кто-нибудь объяснил бы ему особенности кода, показал бы, что в нём происходит. Он надеялся найти статью, которая посвящена раскрытию именно таких различий, прочтя которую тот, кто знал раньше лишь Vue или React (или совершенно новый в веб-разработке человек), мог бы лучше понять различия между этими фреймворками.
Однако такой статьи ему найти не удалось. Этот факт привёл его к пониманию того, что ему самому надо взять и такую статью написать, попутно разобравшись в сходствах и отличиях React и Vue. Собственно говоря, перед вами описание его эксперимента по сравнению этих двух фреймворков.
Читать полностью »
Redux против React Context API
2018-08-06 в 18:28, admin, рубрики: javascript, React, ReactJS, redux, Разработка веб-сайтов
В React 16.3 был добавлен новый Context API. Новый в том смысле, что старый Context API был за кадром, большинство людей либо не знали о его существовании, либо не использовали, потому что документация советовала избегать его использования.
Однако теперь Context API является полноценной частью React, открытой для использования (не так, как раньше, официально).
Читать полностью »
4 способа стилизировать React-компоненты
2018-08-04 в 7:11, admin, рубрики: css, css in js, javascript, React, react.js, ReactJSПривет! Представляю вашему вниманию перевод статьи «4 Ways to Style React Components».
На сегодняшний день разработано много способов стилизации React компонентов. От библиотек до использования традиционных СSS файлов. Выбор довольно обширен и, скорее всего, будет соответствовать вашим предпочтениям. Вот четыре способа стилизации React компонентов.Читать полностью »
4 библиотеки, упрощающие жизнь React-разработчика
2018-08-01 в 14:20, admin, рубрики: classnames, javascript, nanoid, ReactJS
В этой статье я расскажу о четырех библиотеках, которые сделают вашу жизнь проще. По крайней мере, я на это надеюсь
1) Nanoid
Ссылка на github
Это маленькая библиотека, которая имеет всего одну функцию — генерация уникального id. Она может быть полезна в массе случаев, но самый, пожалуй, очевидный — keys для списков каких-либо элементов. Неоспоримые плюсы: простота и крошечный размер — 143 байта.
Читать полностью »
Разбираемся с Render Props на примере
2018-08-01 в 4:25, admin, рубрики: javascript, React, react.js, ReactJSПривет! Представляю вашему вниманию перевод статьи «Learn Render Props by Example».
Честно говоря, раньше я не представлял ситуаций, в которых можно применить React render props, пока не увидел практический примерЧитать полностью »
Основы React (текстовый учебник, 2-е издание)
2018-07-29 в 18:04, admin, рубрики: javascript, React, react.js, ReactJS, учебникПрошло 2.5 года после публикации первой версии подробного туториала по основам React. За это время gitbook насчитал 250 000+ уникальных посетителей.
Под катом подробнее об учебнике и список изменений.
Apollo: 9 месяцев — полет нормальный
2018-07-27 в 14:42, admin, рубрики: api, Apollo, graphql, javascript, rambler group, React, ReactJS, rest, RESTful, Блог компании Rambler Group, разработка, Разработка веб-сайтов
Всем привет, меня зовут Семен Левенсон, я работаю teamlead’ом на проекте «Поток» от Rambler Group и хочу рассказать о нашем опыте использования Apollo.
Объясню, что такое «Поток». Это автоматизированный сервис для предпринимателей, позволяющий привлекать клиентов из Интернета в бизнес, не вовлекаясь в рекламу, и быстро создавать простые сайты, не являясь экспертом в верстке.
Re: «Сравнение JS-фреймворков: React, Vue и Hyperapp»
2018-07-21 в 23:46, admin, рубрики: Hyperapp, javascript, React, ReactJS, svelte, vue, vuejs, Разработка веб-сайтовЭто небольшая ответная статья на публикацию «Сравнение JS-фреймворков: React, Vue и Hyperapp». Вообще я не большой фанат подобных сравнений. Однако раз уж речь зашла о таком маргинальном фреймворке, как Hyperapp, в сравнении с мастодонтами, типа React и Vue, я подумал, почему бы не рассмотреть все те же примеры на Svelte. Так сказать, для полноты картины. Тем более, это займет буквально 5 минут. Поехали!
