https://facebook.github.io/react/blog/2015/12/18/react-components-elements-and-instances.html

Компонент - Это класс с методом рендер или функция. Элемент - это объект. Компонент- принимает св-во, и возвращает дерево. Элемент- содержит другие элементы в своих св-вах. (Сомнение: 1. Если создан элемент, он не изменится. 2.Когда компонент примет св-во, он вернет полное дерево с изм. св-вом)

Привет всем! Народ, хочу написать статью на медиуме: сравнение React native и Weex, нужен человек по RN, готовый стать соавтором статьи В качестве примера формата статьи: Swift vs RN https://medium.com/the-react-native-log/comparing-the-performance-between-native-ios-swift-and-react-native-7b5490d363e2

Если под IDE подразумевать VSCode, который flow не поддерживает из принципа, то да. В WebStorm оба хорошо поддерживаются

>VSCode, который flow не поддерживает из принципа Параллельная вселенная, не иначе

кто-то уже успел глянуть курс с reacttraining.com?

Привет всем! Народ, хочу написать статью на медиуме: сравнение React native и Weex, нужен человек по RN, готовый стать соавтором статьи В качестве примера формата статьи: Swift vs RN https://medium.com/the-react-native-log/comparing-the-performance-between-native-ios-swift-and-react-native-7b5490d363e2

Форварднул в @reactnative_ru

Форварднул в @reactnative_ru

спасибо

https://t.me/travadv

>VSCode, который flow не поддерживает из принципа Параллельная вселенная, не иначе

ну там все криво сделано ппц

Коллеги, react-redux предоставляет нам некое подобие мемоизации, т.е. если компонент обернуть в connect, то его рендеринга не произойдет, если каждая пропса останется неизменной. Ок. Я юзаю connect, когда собираюсь достать из сторы данные или связать экшн креаторы с dispatch. А если мне не нужно ни первое ни второе, то я могу просто обернуть компонент в коннект и тем самым получить просто мемоизацию. Но в этом случае в пропсы залетит метод диспатч. В принципе хрен бы с ним. Но есть вопрос. Есть ли у этой либки метод, который ТОЛЬКО добавляет мемоизацию?

import React, { PureComponent } from 'react';

А если в mapStateToProps возвращать пустой объект?

хз. мб будет shallowCompare

но лучше без оверхеда просто PureComponent

Не, я про то, что так dispatch не передастся, а мемоизация коннекта останется. Но вариант с PureComponent получше, да

Парни, как вообще реакт влияет на СЕО сайта? Нет проблем ?

Парни, как вообще реакт влияет на СЕО сайта? Нет проблем ?

Вообще никак не влияет

Все спасибо, понял

Чтобы ответить на твой вопрос кратко надо чтобы ты понимал как веб работает и роботы

Поэтому зависит от поисковой системы и наличия сервсайд рендеринга

Коллеги, react-redux предоставляет нам некое подобие мемоизации, т.е. если компонент обернуть в connect, то его рендеринга не произойдет, если каждая пропса останется неизменной. Ок. Я юзаю connect, когда собираюсь достать из сторы данные или связать экшн креаторы с dispatch. А если мне не нужно ни первое ни второе, то я могу просто обернуть компонент в коннект и тем самым получить просто мемоизацию. Но в этом случае в пропсы залетит метод диспатч. В принципе хрен бы с ним. Но есть вопрос. Есть ли у этой либки метод, который ТОЛЬКО добавляет мемоизацию?

Очень вольная трактовка принципов и задач метода connect) Но это ладно, короче посмотри recompose, это специализированная библиотека для таких манёвров, количество способов, которым там делается "мемоизация" тебя обрадует)

Коллеги, react-redux предоставляет нам некое подобие мемоизации, т.е. если компонент обернуть в connect, то его рендеринга не произойдет, если каждая пропса останется неизменной. Ок. Я юзаю connect, когда собираюсь достать из сторы данные или связать экшн креаторы с dispatch. А если мне не нужно ни первое ни второе, то я могу просто обернуть компонент в коннект и тем самым получить просто мемоизацию. Но в этом случае в пропсы залетит метод диспатч. В принципе хрен бы с ним. Но есть вопрос. Есть ли у этой либки метод, который ТОЛЬКО добавляет мемоизацию?

может нужна либа именно для мемоизации?

Тащемта, ни один другой похожий способ не сравнится в выигрыше в производительности в сочетании с удобством с recompose

А чисто для мемоизации — только reselect)

В рамках реакта. Если просто нужна мемоизация, то есть убер-модуль memoizee

Коллехи, кто нибудь уже обновлялся до 15.5? Тащемта возникла проблема с нодемоном UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 4): Invariant Violation: React.Children.only expected to receive a single React element child.

написано же всё

React.Children.only принимает один реакт child

ты либо передаешь много либо ничего

тогда вопрос к дебаггу, он мне говорит id ноды, с которой лезет эта чушь. какбэ найти ее как, если он меня не пускает в локалхост

заюзай npmjs.com/devtool для дебага

Спасибо, посмотрю

https://medium.com/javascript-scene/master-the-javascript-interview-soft-skills-a8a5fb02c466

Очень вольная трактовка принципов и задач метода connect) Но это ладно, короче посмотри recompose, это специализированная библиотека для таких манёвров, количество способов, которым там делается "мемоизация" тебя обрадует)

Про другие либы в курсе. Просто если реактредакс занимается "мемоизацией" то стоит ожидать, что я могу вытащить только этот функционал.

У него очень специфические задачи

Как минимум, это не очень быстро будет

Как минимум, это не очень быстро будет

Просто они могли сделать либу задача которой ТОЛЬКО тащить данные из сторы. Тогда бы я юзал другую либу для управления производительностью. или PureComponent. Наверное так было бы более логичным

А то я сейчас к примеру свертал блок, унаследовал его от пурекомпонент, он данные из сторы не тащит, ок. А потом в процессе разработки случилось так, что нужно тащить из сторы что-то. Я ее конекчу, но наследование от пурекомпонент становится избыточным. Мне приходиться еще менять часть кода, которая изначально не про стору.

Просто они могли сделать либу задача которой ТОЛЬКО тащить данные из сторы. Тогда бы я юзал другую либу для управления производительностью. или PureComponent. Наверное так было бы более логичным

Я ж тебе уже написал эти либы) Recompose делает один из разрабов реакта, если тебя так больше убедит

PureComponent просто не нужен

> ТОЛЬКО тащить данные reselect

Есть у кого boilerplate на react redux, webpack v2 с hot-reload и redux-devtools>

?

Есть у кого boilerplate на react redux, webpack v2 с hot-reload и redux-devtools>

у гугла

В рамках реакта. Если просто нужна мемоизация, то есть убер-модуль memoizee

Видел что memoizee используют с реселектом тоже, обертка реселекта и внутри данные некоторые с мемоизи уже

У гугла есть куча лишних, ненужных либ

у гугла

Вот думаю, не оверхед ли?

Вот думаю, не оверхед ли?

Ну как правило это уже делают, когда точно понимают для чего и почему. Просто из-за специфики реакта можно всё делать с cache = 1 и получить буст за счёт упрощения либы

У гугла есть куча лишних, ненужных либ

Сделай сам под свои нужды

Есть react-hot-boilerplate вроде

Там минимум

внимание вопрос, т.к. propTypes в новом React задипрекейтели и предлагают юзать Flow, то как быть с childContextTypes, всеравно нужно тянуть propTypes для этого?

внимание вопрос, т.к. propTypes в новом React задипрекейтели и предлагают юзать Flow, то как быть с childContextTypes, всеравно нужно тянуть propTypes для этого?

не понял где говорят про flow

внимание вопрос, т.к. propTypes в новом React задипрекейтели и предлагают юзать Flow, то как быть с childContextTypes, всеравно нужно тянуть propTypes для этого?

откуда такие выводы? Никто ничего не дипрекейтил, всего лишь вынесли в отдельный компонент

не понял где говорят про flow

я вопрос не для холиваров задал, мне просто интересно узнать, можно ли теперь полностью обойтись без propTypes или это нереально в текущих условиях

например заменить его Flow или TS, что весьма логично

ERROR: S client not available

context экспериментальный же. https://medium.com/@mweststrate/how-to-safely-use-react-context-b7e343eff076

например заменить его Flow или TS, что весьма логично

я когда на flow писал propTypes и не юзал

Все, конец света, расходимся - вместо import {PropTypes} from 'react', надо использовать import PropTypes from 'prop-types'

я когда на flow писал propTypes и не юзал

а как бысть с childContextTypes, со стейтом и пропсами все понятно

а как бысть с childContextTypes, со стейтом и пропсами все понятно

https://medium.com/@mweststrate/how-to-safely-use-react-context-b7e343eff076

https://medium.com/@mweststrate/how-to-safely-use-react-context-b7e343eff076

я что-то не нашел ответа на свой вопрос, там очень много всего написанно и на разные темы, можешь скинуть вырезку или что-то более конкретное по теме

кратко - не юзать контекст

кратко - не юзать контекст

а если эти пункты про меня: So, why is this blog relevant for you? Well either because 1. You are a library author 2. You use a library that uses context or you use context yourself, and you want to safely use shouldComponentUpdate (SCU) or implementations thereof (e.g. PureComponent, Redux connect, or MobX observer).

я не спрашивал юзать мне контекст или не юзать, у меня конкретный вопрос был, видимо от propTypes отказаться пока не получится, т.к. в гугле ничего нету и чатик тоже на этот счет молчит

а жаль

В продолжении ноябрьского React-митапа :)

я вопрос не для холиваров задал, мне просто интересно узнать, можно ли теперь полностью обойтись без propTypes или это нереально в текущих условиях

тонко)

все молчат потому-что ничего не поменялось, ну разве что, как уже сказали, PropTypes в 'prop-types'

все молчат потому-что ничего не поменялось, ну разве что, как уже сказали, PropTypes в 'prop-types'

ну окей, возможно я не корректно задал вопрос, но суть в том можно ли полностью отказаться от propTypes имея уже в проекте Flow или TS, используя при этом context

если не используешь context явным образом, то можно

а если используешь, то должен согласиться с тем, что contextTypes - это обязательная штука, согласно конвенции API, экспериментальной штуки, который является context

но ваще const c = ({ a = 5 }) => ... !== c.defaultProps = { a: 5 }

Кто чит подскажет как подключить mysql к фронту реакту (без бекэнда)?

Што

brn521

омфг

Вам нужно taffyDB ????

к постгресу норм. row level security

а mysql

:о

https://ilyabylich.svbtle.com/experimental-mysql-http-api-and-ruby

Она в json пишет и может удалять от туда объекты?!

Товарищи, а как проще всего unix timestamp конвертнуть в дату-время?

const datetime = new Date(100500); datetime.toISOString();