Публикации по теме 'recompose'
Давайте перестанем использовать HOC/recompose (когда это не нужно)
Нет, это не очередной блог про рендеринг.
TL;DR Используйте только при необходимости
Отказ от ответственности: это ни в коем случае не факт. просто мое скромное мнение об использовании HOC
Давайте сначала начнем с пользы от сочинения.
Основное преимущество компоновки заключается в том, что она позволяет нам повторно использовать компонент, изменяя его поведение (путем передачи реквизитов основному компоненту поверх него) вместо того, чтобы требовать его в самом..
Использование Recompose в примере Universal React Apollo
Мы давно что-то не публиковали. Следовательно, в этом посте мы хотели бы описать последние изменения, внесенные в наш Пример Universal React Apollo .
В названии статьи можно увидеть волшебное слово универсальный . На самом деле мы никогда не заявляли, что наш пример действительно универсален. У нас были проблемы с рендерингом в производственном режиме, и это было причиной. Фактически, это приложение с самого начала было написано как универсальное, поэтому, если вас интересует..
Не используйте встроенные стрелочные функции в качестве свойств.
ES6 привнес в экосистему javascript действительно интересную функцию - стрелочные функции.
const foo = (x) => x * x;
Функция стрелки великолепна, потому что ее можно легко использовать для создания закрытия, например, для обработчика событий реакции. Давайте посмотрим на следующее простое приложение:
// ItemRenderer.js
import React from 'react' ;
const ItemRenderer = ({ onClick, value }) => (
< div onClick = {onClick}>
{value}
</ div >
);
export..
React-Apollo и Recompose Live: Часть 2
Graphcool , Apollo и Recompose заходят в бар…
Увлекитесь чтением Часть 1 . Подведем итоги: мне нужно было знать, работает ли sudo-код из этой статьи и как он работает. Сначала я попробовал это с помощью Graphcool , но он отличался от демонстрационного кода, поэтому я отложил его. Это история Graphcool. См. Часть 3 для грязных подробностей.
Это код из конца части 1, который подключается к серверу GraphQL, размещенному на Apollo Launchpad , и базе данных MongoDB на mLab..
Создайте компонент Brush с помощью библиотеки Nivo DataViz
Nivo - это прекрасно написанная библиотека визуализации данных на основе React, написанная Raphaël Benitte , которая предоставляет 14 различных типов компонентов для демонстрации ваших данных. Каждый элемент можно сильно модифицировать в соответствии с вашими потребностями. Тем не менее, всегда есть некоторые функции, которые необходимо удалить из конечного продукта, потому что их сложно реализовать, или они не соответствуют видению проекта.
В этом заключается одна из прелестей..
React Hooks, мое введение
Как написать статью о React Hooks, когда их так много уже опубликовано? Это вопрос, который я задал себе перед тем, как начать этот. Я почти отказался от этой идеи, но наконец нашел кучу веских причин продолжить:
Во-первых, если вы не пишете того, что кто-то уже мог написать, вы никогда ничего не пишете. Я собираюсь начать серию, следуя своему собственному путешествию, используя хуки в существующем проекте, поэтому мне нужна точка входа. Поскольку я был немного навязчивым по своей..
Навигация Smart TV с React
Навигация Smart TV с React
Здесь, в Norigin, мы создаем возможности потоковой передачи ТВ для широкого спектра устройств с большим экраном. Недавно мы решили открыть исходный код некоторого кода , который мы используем в нашей платформе TV App, поскольку мы чувствовали, что определенные компоненты могут быть полезны во всех проектах разработки Smart TV.
Наш первый проект с открытым исходным кодом касается навигации Smart TV с помощью React.
При разработке для Smart TV (или..