риакт рулет

Нужно то нужно. С чего начат? Какой то модул надо установит?

толсто

Что из JS можно рассказать за 2 пары ? Прошу совета PHPшник с которым делю часы предлагает работу с dom деревом, и ajax

а аудитория какая?

а аудитория какая?

первачки, которым за 2 пары впихнули html css

первачки, которым за 2 пары впихнули html css

расскажи о всем, что не нужно

первачки, которым за 2 пары впихнули html css

гуд партс за две пары думаю пройти можно

гуд партс за две пары думаю пройти можно

можно ссылку

это просто курсы или что?

мб в инсте

можно ссылку

http://bdcampbell.net/javascript/book/javascript_the_good_parts.pdf

или еще где

@dreamerinnoise спасибо

или еще где

так по фану первачкам рассказать за web

в универе

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

я бы рассказал про дом. покрутил анимации

для примера. мб рассказал про аджакс, но это хз. слишком круто может оказаться

на первых порах

всем привет, возможно кто подскажет

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

для примера. мб рассказал про аджакс, но это хз. слишком круто может оказаться

с поправкой на то что, PHPшник хочет php рассказвать

хочу честную книгу javascript not so good parts

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

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

как в webpack в конфиге воссоздать эквивалентный запуск флагу -p

кому это не нужно пройдут мимо, кому понравится — останется

с поправкой на то что, PHPшник хочет php рассказвать

ок. добавь аджакс, чтобы можно было увязать с беком

но на каком-нибудь простом примере

хочу честную книгу javascript not so good parts

там в конце книгы есть ужасный и плохие

https://www.youtube.com/watch?v=gBx3XcaGyVs&t=918s Вот такого плана еще можно, мне кажется будет интересно

Спасибо!

А. Я кажется понял что пациент хочет. Он хочет конструкцию вида: ... <{ComponentName}/> ...

воу

const componentsList = { ExampleA, FooBar, Example92 } const ComponentTarget = componentsList[name] return <ComponentTarget />

проверки опущены

там уже давно решили эту проблему именно таким способом

Здраров, бандиты! Кто использовал redux-form-material-ui? Вселенная не покарала в будущем? https://github.com/erikras/redux-form-material-ui

Здраров, бандиты! Кто использовал redux-form-material-ui? Вселенная не покарала в будущем? https://github.com/erikras/redux-form-material-ui

Очень странное сообщение

Очень странное сообщение

Ну, главное чтоб поняли)

Ну, главное чтоб поняли)

Не думаю, что поняли

Доброго здравия, судари! Довелось ли кому иметь дело с redux-form-material-ui? Не возникало ли проблем в будущем? https://github.com/erikras/redux-form-material-ui

Не думаю, что поняли

Переписал :-)

Друзья, а вы делаете import React from 'react' в каждом файле или же Provide plugin или window.React? что используете?

1

Друзья, а вы делаете import React from 'react' в каждом файле или же Provide plugin или window.React? что используете?

1

Переписал :-)

Посмотри ишью

Alexey @iamstarkov pros?

Alexey @iamstarkov pros?

Простота

explicit, быстрый доступ к React.{ Component, Children }, если нужно

1

Alexey @iamstarkov pros?

+ в том, что это рабочий модуль

ну вот import {Component , Children} from 'react' я пойму, а глобальную React зачем, если можно через providePlugin тот же? не холивара ради)

и его можно переносить

магия не нужна, явное лучше неявного и вот это все

Для прода реакт в externals и отдельный бандл для него

магия не нужна, явное лучше неявного и вот это все

Подпишусь

ну вот import {Component , Children} from 'react' я пойму, а глобальную React зачем, если можно через providePlugin тот же? не холивара ради)

Без понятия как работает providePlugin

и его можно переносить

Переносимость тоже важна

ну вот import {Component , Children} from 'react' я пойму, а глобальную React зачем, если можно через providePlugin тот же? не холивара ради)

Плюс с твоим плагином ты не сможешь писать тесты без вебпака

Плюс с твоим плагином ты не сможешь писать тесты без вебпака

А

ERROR: S client not available

в jest global.React = React, но идею я понял

явное лучше неявного, спасибо :)

а mobx подходит по фразу про неявное?)

а mobx просто не нужен

А когда компонент обычный модуль накатил пишешь обычные энзим шеллоу тесты с ignore-styles require node hook и всё

@localvoid https://twitter.com/addyosmani/status/806682003064000512 ?

говорят инферно и преакт — здорово! все туда )

гугл перф тим говна не посоветует)

Друзья, а вы делаете import React from 'react' в каждом файле или же Provide plugin или window.React? что используете?

1

гугл перф тим говна не посоветует)

Мне интересно в production их вообще кто-то использует? Из крупных игроков (я про Preact и Inferno)

Друзья, а вы делаете import React from 'react' в каждом файле или же Provide plugin или window.React? что используете?

у самого provide plugin, но это плохо(из-за переносимости). В коде нигде React. не используется, если что-то надо из реакта, то явно импортишь именно нужное. Собираюсь для переносимости сделать лоадер к вебпаку, который добавляет import, а в тестах можно через global.

кто как с redux данные нормализует?

у самого provide plugin, но это плохо(из-за переносимости). В коде нигде React. не используется, если что-то надо из реакта, то явно импортишь именно нужное. Собираюсь для переносимости сделать лоадер к вебпаку, который добавляет import, а в тестах можно через global.

можно в двух словах что такое providePlugin?

или как когерентность данных обеспечивает

можно в двух словах что такое providePlugin?

если коротко, то что-то вроде window[moduleName] = require(moduleName)

но это полный ай-ай-ай

что бы из любого куска кода напрямую дергать модуль?

ну типа того

(

Как изменить файлы в папке build? (например для русификации)

кто как с redux данные нормализует?

Хранимая модель - { id, ...data } В сторе хранится список ids и объект { [id]: data } Всякие флаги и прочее так же может выноситься в отдельные массивы айдишников, чтобы сразу получать готовые списки объектов А ля model.disabled = ['key0', 'key1'] Так как всё это делается соответствующими редюсерами, то происходит всё абсолютно прозрачно для нас, мы допустим просто делаем экшн { type: 'ADD_USER', data:{ id: 'userid', ...data } а на этот экшн по своему реагируют атомарные редюсеры userId, который управляет списком ids, userDisabled, который будет реагировать на операции с полем объекта disabled и userData, который управляет остальными данными

В итоге довольно сложные преобразования работают абсолютно естественно и просто и выглядят максимально плоско, без вложенности и ветвлений

какая стратегия вытеснения данных из стора?

? Ещё не было кейсов, выходящих за рамки стандартных методик reselect

стор на компонент или стор для коллекции?

Для коллекции, поэтому и списки ids реализуются

кто как с redux данные нормализует?

Я сейчас не использую редакс, но в те времена когда использовал я хранил чисто хеш таблиц с хешем айдишников и объектов без отдельного массива айдишников. И у меня был только один редюсер который автоматически обрабатывал все экшины для всех таблиц. То есть вместо ADD_USER я пишу dispatch({type: 'add', table: 'user', record: {...}}) и также с обновлением - dispatch({type: 'update', table: 'user', recordId: 123, mutation: {....}}) и третий экшин у меня был dispatch({type: 'delete', table: 'user', recordId: 123}). Больше кастомных экшинов не было. А один единственный редюсер перехватывает эти три вида действий - add, update, delete и расфасовывает по айдишникам объекты в состоянии и получаем вот такое состояние { users: { 1: {id: '1', name: 'user1', boards: ['1','2','3']}, 2: {id: '2', name: 'user2', boards: ['2','3','4']}, } boards: { 1: {id: '1', title: 'board1',user: '1',posts: ['1','2','3']}, 2: {id: '2', title: 'board2',user: '2',posts: ['2','3','4']}, } posts: { 1: {...} 2: {...} } } То есть у нас данные в полностью нормализированном состоянии и мы во всем приложении диспатчим всего три типа экшинов - add, update, delete, передавая параметром имя таблицы, и таким образом у нас один редюсер автоматически обрабывает все за нас и мы больше не пишем редюсеры и экшины на каждый чих

Подскажите пакет в npm для русификации других пакетов!

Подскажите пакет в npm для русификации других пакетов!

react-intl

Функции айдишников например просто одинаковые для всех, их можно написать только один раз)

ну вот у тебя куча данных на сервере. и несколько страниц с фильтрованным гридом. Каждый раз при фильтрации приходят новые данные. ты их ложишь в нормализованную коллекцию и она пухнет.