Press "Enter" to skip to content

Trying React Hooks for the first time with Dan Abramov


На этой неделе я и Дэн Абрамов из их
Команда реагирования приняла живой эфир на
Twitch Dan научил меня, как использовать реагировать
крючки, что никогда
пытался, прежде чем мы очень весело побежал
во множество маленьких подводных камней, которые были
интересно, и мы на самом деле думаем, что я
на самом деле получил, как это сделать, спасибо
Вы так много всех , кто присоединился к
поток это э-э, это было абсолютно безумно
это было так много из вас, у нас был взрыв, если
ты пропустил поток и тебе грустно
об этом не будь я делаю эту пару
программирование потоков каждый понедельник с 7:00 до
9:00 по тихоокеанскому времени, но вы будете
забыть об этом, поэтому вы должны пойти в
twitch.tv слеш забавная забавная функция и ударил
что все следуют за кнопкой, потому что тогда вы
будет напоминать уведомление в
приложение дергаться, когда мы живем, прежде чем мы
прыгнуть в записи этого понедельника
живой эфир я хотел бы поблагодарить это
Спонсор недели блестящий бриллиант
этот прекрасный сайт, где вы можете узнать
много концепции, но я особенно
заинтересованы в информатике математике
Лис концепции , которые часто так трудно и
скучно учиться и молодец
эти интерактивные вызовы
обостряющаяся сложность, которая делает его
чувствовать себя немного как игра, и это
делает их очень уникальными и очень особенными
и такое хорошее место для меня, чтобы отправить вас
люди Фу медлили
бит на обучении как о мо математике и
и тому подобное, вы должны над головой
на блестящую точку org косую черту и проверьте
их тоже после шоу, кстати
убедитесь , что использовать эту ссылку , потому что ему
дает вам 20% от их годового
подписка спасибо, блестяще сейчас
к записи этого понедельника
как улицы доброе утро понедельника это
для кого-то утро, а не утро
для меня или Дэна, потому что мы в тебе
в Лондоне прямо да, но потом я просыпаюсь
довольно поздно, так вроде как- то
утренней МОГ
но как это похоже на 2 часа дня
о, так ты просыпаешься в 2 часа дня ну нет
как я бы сказал
как нет, нет, я получил работу, о, приятно
давайте сгладим то, что мы хотели сделать в
когда этот новый формат потока должен создать
как более спокойной обстановке, где мы
сидеть и общаться и иметь как есть
как хорошо провести время и немного сосредоточиться
немного больше запутанных частей
учебник по развитию в Oriel имеет тенденцию
быть как да
о чувак эти и эти и эти шаги
и все идет гладко, и как только вы
на самом деле попробовать себя как новый
разработчик и нравится, когда вы попали в реальность
это вы не знаете , нет и не обязательно так
сглаживать так поэтому , как мне это нравится
Форма, как это идея, где это
Формат в основном делать именно то, что
мы делаем сейчас, где я не знаю
что-то, но я хочу попробовать реагировать крючки
и у меня есть кто-то рядом, чтобы помочь мне сделать
это, но я действительно не знаю ничего подобного
Я не очень хорошо подготовлен, поэтому
актуальная идея состоит в том, чтобы столкнуться с проблемами
вот так хотелось, если мы столкнемся как
технические проблемы с созданием реакции
приложение или что-то или с чем-то вроде
что я не понимаю, потому что нравится
познавательная вещь идея состоит в том, чтобы остановиться
немного о тех, кто как
неудачи и учиться на неудачах, таких как
что да, я думаю, интересная вещь
о крючках, как будто они довольно
последние и как мои последние несколько месяцев
было так, что вы знаете, как
Я привык любить отвечать людям
вопросы о реакции и я вроде знаю
хорошо реагировать, как у меня нет
работал в течение трех лет
но как и Куксон надо мне тоже нравиться
для прошлых сумм, таких как где
обычно, когда меня спрашивают
о реакции я как у меня как
готовые ответы, потому что я так же, как я
столкнулся с ними раньше, как я уже
думал о них раньше
тогда как с крючками это как кто-то
спросил меня, и я, как хм, как я не
знаю, я думаю, чтобы думать об этом, это было
как последние несколько месяцев были как
это для меня, и именно поэтому я был
работая над этим, как часто задаваемые вопросы в документах и
такие вещи, потому что это просто
впервые за все и как я
вы столкнетесь с чем-то, что я не делаю
на самом деле, как я на самом деле не знаю, как
решать и как нам нужно думать
об этом, но это также делает его забавным
да, вот и все
как давайте так для поломки да как
что мы можем начать с объяснения того, что это
что мы попытаемся сделать сегодня
хорошо, мы не знаем, мы не уверены
точно так же, как то, что приложение будет
но мы будем бороться с приложением реагировать
и и с крючками, может быть, мы начинаем как
построив его, как мы начинаем
приближается, как традиционный путь и
тогда хотелось бы объяснить, что, как мы бы
сделать эту традиционную реакцию, а затем как
как сделать это в доме, может быть, мы не
уверен, теперь это будет совершенно свободно от
но да, дайте нам некоторое предложение о том, что
вид приложения вы хотите, чтобы мы как построить
в противном случае мы накажем вас
приложение для дел что такое приложение для кошки я не знаю
что это вырезать да что такое кот
Я сделал свое прослушивание или это как они
значит труба вправо заткнись будет
управление задачами виртуализированного списка вверх нет
билл дергаться
создать Facebook я не уверен, что я на законных основаниях
разрешено восстановить для да, который
Tic-Tac-Toe социальная сеть построена тетрис
О, на самом деле, как я знаю, люди могут
вроде не согласен с этим
Я думаю, что крестики-нолики могут быть интересными
потому что у нас есть эти крестики-нолики
учебник на сайте реакции, который
заполнены с боссами да , и я не имею
на самом деле пытался перевести его на крючки
но это может быть интересно попробовать , что
потому что некоторые из них так, как это
чувствует себя немного по-другому, но нет, как
много проблема много людей
думать о, как крестики-нолики, это не в
все как представитель или рецидив
практиковаться как техника
что учебник проходит в
на самом деле, как довольно фундаментальный с
как поднять и не спать и прочее и
такие вещи, да, так что это может быть
интересно перевести это на крючки я
не уверен, что знаешь, но мне нравится эта идея
давайте пойдем на это решено
мы собираемся в крестики-нолики в
немного
Сначала мы первые, важно
представь, кого ты сделал, как там
может быть один человек, который не
знаю, кто ты такой, как я хочу поговорить
немного об этом я думаю
что многие люди знают вас как
Redux человек, который был похож на тебя
были typecasted , но я хотел бы
знаю немного как то, что ты сделал
сделать, прежде чем вы стали
персона, что вы случайно попали в
это стоит прямо сейчас, так что я имею в виду мой
меня зовут Дэн, я работаю над реактивным ядром
Команда, которую я работаю из Лондона, поэтому у нас есть некоторые
присутствие в Лондоне вместе с Сунил
и Доминик, и вскоре Рэйчел Джекс была просто
объявила, что она будет работать над нами
являются документация вещи , как это
Рейчел соседи, сэр, что это не было
первоапрельская шутка прямо и поэтому я я
соавтор Redux
здорово реагировать, может быть, что-то еще я
на самом деле не работал, мы должны вещи
как какое-то время я был на
реагировать команды, как три года и
до этого это на какое-то время это
так же, как работа над продуктом, который он
понравилось при запуске что никто не знает
о, и тогда я тогда я начал
работающих на реагируют так нравится у вас есть
у вас есть информатика
фон нет, я не я был так же, как
строить вещи с я начал с
Visual Basic
Я имею в виду хорошо отдельно, как это было одно
из моих первых, а я
это я во многом был ужасен
язык, но я помню, что много
весело с ним это было очень очень
удовлетворительно по какой-то причине, да я думаю
это все еще непревзойденным в некоторых отношениях я
надеюсь, что, возможно, создатель Oxbow
в итоге доберусь туда и как другие
инструменты, но нет, я думаю, как я думаю,
действительно крутая вещь об этом была просто
насколько прямой это было да, как с точки зрения
да, как вы можете перетащить перетащить и
бросить вещи, но я даже не думаю, что думаю
аспект легкой атлетики был это
важно только что увидел, над чем ты работаешь
в режиме реального времени и полный
самоанализ, как вы могли бы перетащить любой
контроль, который в основном является компонентом
прямо как вы, вы можете перетащить любой
компонент на форму, а затем вы
у вас есть список всех его свойств, так
вы можете просто как возиться с этим, и я
говорить о чем то , что это свойство делать
вы и вы могли бы просто так изменить
да, я думаю, что это было довольно круто
среда да, я согласен, что это было
Прекрасно, я имею в виду, что это было не странно
позиционируется в том, что это было
было трудно построить как настоящий
Программное обеспечение с ним, я думаю, что нам нужно
какое — то вроде хорошей макетной вещи
что все переводится хорошо, чтобы преобразовать в
Реальный, и я все еще люблю меня, и да, я
согласен с тобой как фреймер
интересно положение, чтобы сделать это, учитывая
что они регенерируют реагирует реагируют приложения
гипотетически да так, что было
Во-первых, у вас есть программа, поэтому
Первым делом это было как эй хорошо это
был не как не проект или что-нибудь
это как первое, что я
помните, что было как эй, как форма
то, что я был в школе в то время
и у нас было как мы подготовились к как
федеральные тесты как то так
как было много, как каждый день
мы бы узнали
как шаблон вопросов, как, как ты
как я думаю, что это был английский
это была русская интуиция
или как-то так, и они были
все в том же формате, где это просто
как один выбор из денег и так
первое, что я помню, это было
как пытаться драконить эти как варианты
знать, как, как групповой контроль, где
как я поставил вопрос и т.п.
четыре варианта и как копировальный пасты сделал
это несколько раз, а потом я написал вещь
это как вычисляет счет, который был
в основном нравится, если первый ответ как
как этот плюс я плюс один, то
как если бы это второй я
плюс один, а затем он показал вам, что
ваш счет это первое, что я
помните, что делать так реагировать крючки имеет это
день рождения или реагировать так говорить было как
вчера или что-то подобное было
вчера я действительно думал, что
мы должны отметить, что я собирался
как получить я получаю торт, но они этого не сделали
есть торт, так вместо этого, как я получил
ассемблер у вас когда-нибудь был один из них
получают вы знаете, что это типичный
Шведская выпечка, как сливки и некоторые
грязь в середине и, как мы должны
сделать, мы сделаем, чтобы попытаться сделать
есть торт ко дню рождения, но с одним из
эти вещи, я думаю, что это уместно
это шведский , потому что Себастьян
Шведский он назвал действительно редкими поварами, да
Я не вижу Бастиана, кто какой хот-дог
да иди посмотрим , сможем ли мы сделать это без
поджог здания давай
что хаха Иисус нахуй
Интересно, как долго я был с этим ожогом?
лучший выстрел
это как он прыгал так , а так
реагировать реагировать ястребы поздравления
с днем ​​рождения я думал о
петь эту песню с днем ​​рождения в
Шведский, но проблема в том ,
что он говорит, как вы можете жить для
сто лет я действительно не хочу
API, чтобы жить в течение ста лет хорошо
Я не говорю что
о хорошо телефон о боже
какой твой любимый это так
хорошо, но они не могут нормально питаться
это сработало, я вижу, я вижу какой-то футбольный файл, который я
не знаю, что да, да, это да —
нет, как проект, который я пробовал О
так что я понял, что мы должны увидеть
мой терминал, да я ел сладкое, поэтому я
понял, что мы должны начать с создания
реагировать на это, как мы начинаем это уверен
это звучит как хорошая идея
отличное приложение реакции и как Tic Tac Tic Tac
Toe я думаю, конечно, как — ой
Топ Tic Tac хорошо, как то, что это будет
держать эту ошибку хорошо, это лучшее
Tic Tac Toe да действует как я принадлежу да
точно
Хорошо, так что мы будем делать, мы
давай начнем с того же, так что я
вставлю ссылку на CSS и Jus и
и поэтому вы можете скопировать их в в
в приложение, так что это ссылка на
код человек
хорошо, я могу увидеть ваш браузер
что-то вроде меня есть
чтобы увидеть, что на самом деле нравится приложение
ваш браузер в основном да, когда я
запустите приложение, которое вы получите
получить доступ к нему на локальном хосте
так что вроде как о хорошо, это довольно
круто хорошо, давайте посмотрим здесь
Итак, начнем
ты должен что-то печатать
Потому что я не вижу в этом ничего нет сейчас я
я смотрю на ссылку, что вы, что
ты дал мне так, что я должен копировать
это не может быть, может быть, вы можете начать с
так же, как запуск сервера в
сумасшедшая папка, чтобы мы могли увидеть
это как приложение по умолчанию, а затем все
Хорошо, мы хорошо, скажем, что я думаю,
что мы будем иметь , чтобы прочитать эту долю
эта сессия в порядке, подождите немного
там мы идем сессия сотрудничества там
мы идем, я пошлю тебе всегда, парень
там мы идем кодовое перо, которое отправил Дэн
я вставлю это в чат как
хорошо, так что вы получите следовать круто
и я просто выброшу это и
мы собираемся изменить, чтобы принять, что да, как
я знаю, какой файл вы открываете, если
Вы, если вы открыты привет ит открытие приложения J
да, я думаю, хорошо, я могу видеть тебя там
мы идем и видим, чтобы мы не покрывали слишком
большая часть кода с нашими головами я
собираемся сделать наши головы немного
меньше в потоке Twitter, потому что
мы покрываем наш код загрузчика
Я знаю, мне также может понравиться приложение Ronde, давайте
видите, я думаю, что, как это понравится мне
вы запускаете его, так что давайте посмотрим, если я
если я сделаю NPM, начните прямо, посмотрите, что произойдет
хорошо, что прыгает там о вау
так что теперь вы получаете это, и вы знаете, да ты
можно увидеть, что это localhost, я думаю, что да
это действительно крутой продукт, я думаю,
вау это так круто мы идем потрясающе
все в порядке круто
так как мы должны редактировать это много
лучше сказать, я просто собираюсь редактировать
код здесь и опа и редактировать текст
немного здесь и вижу, что это
перезагрузки да он удалил текст, так что давайте
заменить это на то, что вещь не
услышать так конкретно давайте скопировать и
вставьте CSS часть ссылки на
как индексная точка CSS все в порядке и G
имеет части к исходному индексу Trias all
прямо так давайте сделаем это здесь, вставив его
в индексе, что CSS, а затем мы прыгаем
вернуться к части J, и я буду прыгать
в CAS
так что давайте переместим его в индекс , это — да
хорошо, если это работает, поэтому мы можем просто удалить
приложение, которое да, это правда, все в
Исходный индекс хорошо, так что я просто удалю
все, да, да, не нет
все покажут мне GS
часть, так что все, что я после импорта
оставить важный, но менее бар
иначе все в порядке, круто свалить и
тогда хорошо, это составлено с предупреждениями
но это скомпилировано, давайте посмотрим, если это все еще
работает
да так давайте и удалим импорт
приложение и работник сервиса вещи эй
да ладно да это на самом деле Бог с
ваши студии так хорошо, это просто показывает мне
что это проблема , все в порядке круто
и это работает блестяще
все в порядке, так какова моя цель здесь
поэтому наша цель состоит в том, чтобы сделать
крестики-нолики, так что есть этот учебник
что мы можем отчасти пройти, но это
использует классы, я не уверен, если мы на самом деле
заботиться о том, как читать это вообще или если
Я думаю, что это имеет смысл как
Вообще, как грубый ориентир, так что пусть
мне просто скопировать и вставить ссылку учебник
так что это такой старт
Точка, где мы начали, я вставляю это
ссылка и в чат, так что
Вы можете следовать вдоль Угу хорошо так
мы смотрим на передачу данных через
реквизит здесь Угу классно расширяется
реагировать компонент рендеринга квадрат I и мы
вернуть да мы возвращаем квадратный компонент
со значением установлено все, что мы передаем
в функцию рендера лома
так что, возможно, одна вещь, которую мы могли бы начать, это мы
может просто начать с преобразования в
функции вместо классов теперь как
даже исходный код, потому что в настоящее время
исходный код классы, но мы хотим
чтобы увидеть, как это будет выглядеть, если
мы просто используем функции все в порядке, что это
хорошая идея
так что я прыгаю в код здесь и
давайте посмотрим, я закрою этот терминал
чтобы дать нам немного больше места, да
так что это у нас есть класс квадрат это
расширяет реактивный компонент, и это оно
содержит класс внутри класса I
не думаю, что это просто испортил
в нет, это отступ хорошо
круто подожди могу я просто установить красивее
здесь я не знаю, я имею в виду вы можете добавить его
любить визуальную визуальную студию
Я думаю, что может быть, на этот раз ах и
Я просто чтобы получить его для выбора формата
возможно, это да, что есть
то, что называется формат документа формат
выбор ой прости я просто спасибо
все в порядке, теперь все в порядке, это круто
отформатирован так этот квадрат это это
на самом деле не нужно быть классом вообще
это может быть просто функция правильно
Мм
так что воздержитесь от просмотра, все может быть
функция, чтобы мы могли просто использовать функции
и посмотреть, к чему это нас ведет, так что я просто
посмотрим, помню ли я, как это сделать
мы можем использовать объявление движения, если вы
предпочитаю, как это на самом деле не имеет значения, если
он как Const и стрелки или функции
декларации все что угодно больше так
это просто я просто собираюсь я не уверен
какое соглашение об именах этих
все, но если я угадаю, как
сделать квадрат, и я просто скопировать это
часть здесь, и поэтому наименование такое же
как если бы вы просто удалили рендер
здесь и просто будет где-то да
это как то да, а потом так
это
в основном , что является эквивалентом ой
подожди, о, я понял, да
так что это эквивалент
это да, это намного приятнее на самом деле да
хорошо, я уберу этот квадрат это
это класс мусора и давайте не будем
не обижай чувства таких людей как
классы, я думаю, что есть такие
штук, но ой как вещь похожа
Я уже прогнал их в моем
аудитория, но, возможно, теперь вы приносите
их обратно, как будто я класс
преступник да это так же, как я думаю,
как классы работают отлично для некоторых
вид обязательных случаев использования, но в случае
прореагировало как компоненты не очень
тихий матч, как работают классы, и я думаю,
повара немного ближе к этому
концептуальная модель так хорошо вы скажете
о том, что да держись все в порядке, давайте
смотрите доску здесь это немного больше
сложный, потому что это два
функции правильно, не пытайтесь любить немного
немного более плавным, чтобы мы могли видеть все
этого мм-хм
сейчас никто в телефонах не считал так
имеет функцию визуализации квадрата, которая
используется здесь, я думаю, что это они используют
это так, поэтому план должен использовать индекс
аргумент, мы просто еще не используем его, но мы
будет да именно так это это
неполный пример прямо правильно, потому что
это ничего не проходит здесь, да
это просто отправная точка, так как мой
Первоначальный импульс здесь, чтобы исправить
сделать квадратную функцию, но
мы должны сделать это позже, возможно , не
действительно важно, как я обычно начинаю с
как с верхнего уровня, а потом я
преобразовать их по одному все в порядке круто
так что Тим использовал для моего курсора мыши так
давайте я собираюсь преобразовать верхний уровень, который я
Я предполагаю, что вы имеете в виду как рендер
функционировать хорошо, да, я обычно так же, как
удалите слова класса и напишите
функционировать вместо , а затем я удалить
экстенты и просто превратить это в родителей
нет, это не интересно, да я сделаю
что это называлось отверстие ммммм да и
то вы можете удалить отступ , как
рендер вещи, потому что это просто становится
часть вашего, как мой в функции о
да уж
так что я просто выкину это здесь, так почему
это завершает, да, о, потому что
это да не функция так хорошо , так
это просто я думаю что это должно работать
прямо ну не совсем
нет да нет потому что ах да да потому что
мы ссылаемся на это здесь нам нужно
избавиться от этого сейчас должно быть в
То же самое, что вы, что это было до
рефакторинг
Я думаю, угу, давайте посмотрим, собираюсь ли я
переключитесь обратно в браузер и проверьте да
Я думаю, что это делает прыжок обратно в
что я прыгаю обратно в код, но
это не прямо сейчас этот код здесь
это сейчас мы эта стена прямо так, да
мы не мы не будем пересылать это еще
прямо так, первое , что
учебник делает , как если вы откроете
учебник снова первое, что это
хочет, чтобы ты это сделал
чтобы показать числа в квадратах, так что это
не так, как настоящий крестики-нолики еще
просто способ показать, как передавать значения
вниз, как реквизит, если вы прокрутите немного
далее у него есть скриншот как что
Вы хотите, чтобы достичь, так что мы видим это
до следующего нашим X, а затем после того, как мы
хочу видеть числа хорошо сейчас, но
это дает мне хорошую цель, поэтому я
прыгнув обратно в код, и я настоящий
до сих пор не пытаются передать эту вещь, и вы
знаю, что вам нужно выяснить , что это
квадратная опора это да, это не имеет
ничего да, поэтому нам нужно добавить
свойство квадратный Угу, как это было
как квадрат принимает реквизит объект
вот как API выглядит да, так что я думаю,
что я просто сделаю это без
сначала деструктурировать , а потом, как я
Угадай
реквизит и просто назовите его номер уверен
и сейчас он не делает не делает
ничего пока, но если я передам номер в
Вот
ой я угу
то это делает то, что делает то, что мы
хочу это Ммм
то я могу просто сделать также , что немного
разрушения, потому что разрушение
это круто и у нас есть результат поиска
офигенно да я чувствую себя хорошо
Теперь, чтобы сделать следующий шаг, мы хотим
удалить цифры и вместо
числа, которые мы хотим сделать так, чтобы вы
можно нажать на человека, как на
отдельное поле, как на клетке, и это
будет показывать знак Х хорошо сладкий, поэтому мы
нужно вернуться и выяснить некоторые есть
там какой- то собственный обработчик кликов или
они должны создать , что нам нужно
создать это право, так что, возможно, первый
что вы могли бы сделать, может быть, даже раньше
мы добавим местное государство, может быть, вы могли бы просто
как показать предупреждение отменить о да
это хорошо, так что давайте попробуем onclick
обработчик здесь, и я просто собираюсь выбросить его
это полностью соответствует здесь Wow, что было
что даже и просто с днем рождения
Реакторы в порядке, Ник и экран и
Я нажму Квадрат и абсолютно
ничего не происходит все в порядке, что, что, что
это С
почему не то, что может быть не так здесь
квадрат, возможно, как этот квадрат не
действительно имеет отключив функцию единственного вида
возможно должно быть на фактической кнопке
Угу, да, потому что это сократить, потому что да
это мы это могли бы просто передать по клику как
свойство да, я думаю, мы могли бы передать его
как в качестве свойства щелчка здесь
но это кажется и прикрепить его вперед, но
это кажется довольно запутанным, я просто
собираюсь сдвинуть его в квадрат по крайней мере
теперь
угу посмотрим куда мы пойдем оттуда
ты сделал все правильно, отпрыгнув назад
через экран посмотри что у тебя есть
да да ладно я тоже снимок экрана
вопросы, которые мы не можем видеть это повесить на я
буду вместо делать журнал консоли вверх
честно консольный лог в прямом эфире и вот теперь
работает теперь мы получаем консольный журнал там
мм гм
это здорово, мы знаем, как сделать
вещи случаются
отменить, так что теперь мы хотим сделать это
конкретная ячейка, которую вы нажали, это
квадрат теперь мы хотим добавить немного местного
заявить об этом, это интересно
так вот здесь, где, как функционал
составное слово praecox
мы должны были бы превратить это обратно в
класс прямо да так , но здесь я есть
как новые крючки такие вещи, как есть некоторые
я смотрел пять секунд на
крючки но там я знаю что есть
активы, как вы заявляете или установите состояние из
ваше состояние да
да так, как я, как я могу использовать это, где
это взято, так что это оно приходит
отреагировать, так что вы можете, как
разрядить землю из реагирующего порта
и тогда да, это да, вы заявляете право
а потом я думаю, что когда-либо я называю это и
рендеринг ее, как она постоянна, и мы
может придумать что-то здесь прямо
хм так, как граф Х, это, возможно, нажал
может быть, учебник использует, я думаю, что это
называет его НДС просто Долина, и он использует
как X и O, как и заглавные буквы, как
как струны, я имею в виду это не совсем
независимо от того, как это один из вариантов
все в порядке , мы будем придерживаться , что , возможно ,
да, но вы говорите, это делает это
возврат это будет это возвращение X сейчас
нет, поэтому он возвращает вам пару, как кортеж
все в порядке, так что три поворота о долине
и я думаю, что можно установить так, как установить
значение хорошо, хорошо, это фанк да, но это
имеет смысл смешивать
хмм поэтому начальное значение будет
X здесь, прежде чем мы когда-либо называли набор
значение на это, я полагаю, да, но вы
вероятно , не хочу этого, потому что тогда
вся доска будет как XS да я
просто хочу, чтобы это было как нет или я просто
тренировка или что-то в порядке, так что я собираюсь
установить пустую строку на самом деле я
собираюсь сделать это как проиллюстрировать
ошибка, которую вы только что упомянули
хорошо сначала так вот я буду называть это
значение, а затем мы собираемся
посмотрите на экран и да, это как
ну как ты сказал мы молоды кучка
из X, который совсем не полезен, так что я
собираюсь установить состояние по умолчанию пустым
строка и теперь она пуста
это хорошо, но затем отмените мы хотим
установить значение X, которое я полагаю
Я просто изменить его, как установить значение
к X c1 , что это вернуться к
экран и нажав ОН
Хххх как это так гладко мужик я
как это это весело , да это, как это
так весело, как это так приятно, потому что
это просто функции без привязки и не о
это так приятно не связываться
танцевать всякий раз, когда я представляю нового человека
JavaScript и побуждение к разработке
как немного JavaScript как немного Java
Разработчик, который хочет сделать это, это
как весь класс вещь с с
убедившись, что это
ссылаясь на правильную вещь
ужасно, как это да, да, это это
так в отличие от так невероятно сложного и
это как это улучшает вещи так
сильно я люблю это хорошо, так что же наше
следующая цель
поэтому наша следующая цель на самом деле
имел обыкновение рассчитывать как просто
такой разный, как X 0 X 0 и быть в состоянии
чтобы рассчитать победителя так один
обязательным условием для этого является то, что мы не можем
сохранить отдельные квадраты
заявить больше, потому что мы на самом деле нуждаемся
чтобы узнать свои ценности, как выключить все
из них, чтобы решить, как то, что происходит
в игре да и так, как вы делаете
что в реакции это то, что вы
состояние до да, поэтому мы хотим переместить
состояние всех клеток в в
Совет, чтобы мы могли принять решение
основываясь на всех этих заявлениях
все в порядке, интересно, так что доска будет
затем обязан сделать это обязанность мм-хм
как бы мы это сделали, если бы мы как
мы должны моделировать состояние
доска как мы должны сделать это как как
как вид блочного вида сетки
Я полагаю , так это звучит как просто равнина
массив будет проще всего, потому что вы
уже есть, как вы уже знаете
как да мы знаем да мы знаем размер
так что да, это так, давайте назовем это я
просто назову это дома снова о да
мы используем функцию состояния, так что я собираюсь
Назовите это состояние государства они хотят назвать это
может быть квадраты так , чтобы было понятно , как
что это такое
Мне нравится тот факт, что это называется
установить состояние, потому что оно точно предотвращает
это все, что собирается сделать, как
пропуская наименование государственных площадей
Вы выдержали и я думаю , это должно
есть пустой массив или как
массив строк, которые мы могли бы иметь как
Луч девяти теперь все в порядке, давайте посмотрим, нет
нет нет нет нет нет нет нет нет, это работает вас
также можно использовать это пополнение, но это
также работа участвует да
давайте на самом деле, как пополнение, как я
не знал что это существовало
да, я имею в виду я думаю, что я узнал об этом
как из нашего урока или как
как это так, я просто чувствую, что это не
не совсем так, как вы можете, вы можете
сначала посмотрите, это как
метод экземпляра на самом массиве так
это вы знаете, создать массив с девятью
атомы, а затем о, так что это будет
что все в порядке, так что это что-то вроде
да, я думаю, что это даже не нужно нового
потому что это как лучи до сих пор
тогда мне нравится создавать один все в порядке и
JavaScript смешной все в порядке
Я просто собираюсь начать хорошо
винт то ладно
так что теперь у нас есть квадраты, которые O
показать код, как я был в я не был
показывает не то, что в потоке
извините что у нас есть пустой
массив строк
о нет, я Макар теперь наш массив знает
девять узлов, и мы хотим перебрать
это на каждом рендере я полагаю и показываю
их так давайте попробуем сделать это я
значит, мы такие, как у нас уже есть
код для визуализации квадрата, поэтому я не
думаю, нам нужен дополнительный код, о, нет
ты прав
нет, ты уверен, что да, потому что мы
показывают в рендеринг индексов
вот да это нам не нужно создавать
цикл у всех так вместо этого мы должны пройти
государство вниз как квадраты
состояние вниз в наш рендер
функционировать правильно, мы могли либо обмануть
используя это закрытие здесь и передать его в
или мы могли бы передать это каждому
здесь не хороший хороший сыр закрытие
не усложняйте это да да квадраты
и тогда квадрат имеет доступ к квадратам
и тогда мы можем сделать так, у нас есть номер
здесь и тогда мы можем сделать квадраты ой
номер посмотрим, как это выглядит прямо сейчас
это делает совершенно пустым, как мы
будет ожидать, давайте посмотрим, если мы установим это
как на клике, то мы бы один установить
Теперь мы хотим , чтобы установить значение из
квадраты, я думаю, я мог бы пройти множество
квадраты к этому квадратной функции
но в том , что хорошая идея , кажется,
вы проходите, как будто вы тоже
много сил для каждого квадратного человека
потому что квадрат не должен быть в состоянии
переключать другие квадраты вправо, и это
не должен даже знать ценности других
квадраты нет, так что, возможно, мы должны просто
выставить нажатие на функцию квадрата
Угу, так что я просто собираюсь сделать это, я
щелкнет, и то же самое касается как
число и квадраты вы на самом деле не
нужно передать их обоих, вы можете просто
пост оценщик для конкретных квадратов
о, это правда, как они исправляют свою клику
первый
я просто пройду, я нажму сам хорошо
да все больше верно , то не сейчас
квадрат не квадратики остаться снова закрыть
мм гм
и мы сделаем это вдвое больше
мы спрыгнем сюда и теперь мы
хотел бы установить значение этого квадрата
два квадрата
ди ди ди ди уопс да
квадраты я и тогда мы будем иметь
не используйте это больше не проходя мимо
вниз и отрывом Ммм ты
вероятно, то, что мы сейчас будем делать
вещи, которые он собирается, что на самом деле
собираюсь установить квадраты Ммм
возможно, это немного сложно, дайте мне
сделай это именно человек посмотри что ты
думать об этом квадраты не квадраты
пи равно х
Я сказал квадраты квадратам и что-то
как это
это неопределенное регулярное выражение
упс, что я сделал
ладно мне нужна еще одна фигурная скобка
хорошо, что происходит сейчас
это не нажав, нажав это делает
ничего нет нет нет нет это не хорошо
давайте посмотрим, давайте вернемся к коду и
посмотрим, что мы можем выяснить , так что сидеть
квадраты, что здесь происходит, что нравится
Я просто собираюсь убедиться, что это на самом деле
делает рендеринг правильно, что
что произойдет, если я и X это не так
на самом деле оказывает государство
правильно, так что это не проблема, это
мой это мой установочный код, который является
эта проблема
мм, поэтому у нас есть квадраты здесь это
определенно это определенно правильно
мм гм
потому что мы знаем, что это рендеринг
вещи, а затем я пытаюсь услышать это установить
как щелкнул квадрат здесь, как
эквивалентно 2x мм хмм , а затем я
пытаясь установить квадраты, как это
этот новый массив, который у меня есть это вещь
ты прав
хороший вопрос, подождите, что это даже
Я собираюсь приехать и забрать нас
console.log квадраты и посмотреть, что
какого черта это
Хорошо, давайте посмотрим на эту вещь
а затем мы нажимаем хорошо, так что квадраты
ой интересные квадраты только один
один или прямо здесь, как массив
один X это совсем не то, что я
ожидал, что это будет, я думаю, что это просто как
Dev Tools показывает, что это не так
на самом деле да, это как это все, я думаю,
у него есть то, что, что если я не сделал
это что, если бы я не делал это установить здесь
и я меньше, это консоль о, я вижу
что происходит нажмем ОК это
теперь массив хорошо, это не достаточно долго, я
вернуться назад и нажмем Я думаю , что вам нужно
взглянуть на бревно поближе
после чего при другом заблокированном значении
да, как когда он изначально любил это
когда я изначально загружен хорошо, я вижу
убрал квадраты здесь и сейчас
мы смотрим на
[Музыка]
поэтому он сказал, что это массив ой повесить на это
массив массивов, как и я не знаю
там мы идем
это я не показал свою ошибку у меня есть
эти скобки здесь прямо да
это все портит я
случайно союзник знает все хорошо давайте
посмотрим снова, как я собираюсь так сейчас просто
выглядит хорошо
Я собираюсь вернуться к коду я собираюсь
попробуйте мое оригинальное решение еще раз посмотреть, что
бывает хм, так что на самом деле console.log
выглядит довольно хорошо
Угу, но на самом деле это не делает
вещь, которая своеобразна
Дженни намек или дай мне немного подумать
немного больше сначала
так что массив это должно быть так
не нравится вещь такая
не нравится, если я смотрю на
инструменты вывода и разработки не похожи
массив это не гонка, не они
с самим собой это правильно хорошо круто, так почему
разве это не делает хмм теперь я думаю, что я
нужна подсказка, как это ставит меня в тупик
Хорошо, поэтому он сказал, что это новый массив в
какой-то момент, почему вы думаете, что это
новый массив это не новый СПИД, да так
извиняюсь
хорошо я не знаю , почему да ты
уверен, что к вашей мутации они существуют
в их точно это немного
изменяет и поэтому реагирует не любит реагировать
раньше позволял тебе обманывать
ткань так утверждает, но на самом деле это не позволяет
вы делаете то же самое, что выглядит да вот так
если вы хотите изменить его, у вас есть копия
это, как вы получили сделать вас нормально так
как, так как хорошо, это так, как вы можете
объявить как следующие квадраты или что-то
как это ой хорошо круто давайте на самом деле
звоните дальше
хорошо повторяющаяся тема на этом канале
что я не могу напечатать, что это хороший способ
копирование фрагмента массива просто фрагмент
хорошо, да, да, я не думаю, что ты даже
нужно 0 так же, как кусочек круто извините и
Я посмотрю, я не думаю, что вам нужно нравится
создан до того, как ты на самом деле нравишься
необходимо использовать
хорошо, как это да, а потом я буду использовать
что наверняка посмотрим, что у вас есть теперь, когда Бэм
Бам Бам это работает потрясающе
теперь у нас есть именно то, что было раньше
кроме того, что это хорошо учтено да
хорошо, это довольно круто
так что теперь у нас есть централизованное государство да
и нам нужно нам нужно начать фигуру
здесь , если я думаю , что мы должны поставить на
Следующий шаг — поставить несколько кругов.
правильно да, поэтому мы хотим отслеживать, если нравится
что последний поворот был в основном, поэтому мы
может иметь как переменную состояния, как X
следующий да, это изначально верно и
затем вы переворачиваете его на ложь каждый раз
нажимай как ты, ты переключаешь его каждый раз
Вы ясно, да, а затем, возможно, так
что-то вроде последнего поворота и использования
прямо и я бы сказал тогда меньше
повернуть, как мы хотим, чтобы X, возможно, начать так
тогда вроде последний срок может быть хорошим
да, я думаю, что это немного проще, если
вы просто держите его в логическом, потому что тогда
это как будто вам не нужно дополнительное
условия для его переключения вы можете просто
иметь как последний тур и установить его как
правда да, вот почему я, как я сказал,
Вы можете использовать как X Tan, что X рядом
что — то вроде этого , просто это переключение
это с отрицанием, что вам нужно да
все в порядке, так что тогда давайте посмотрим, то я
может сделать что-то вроде, если
упс да экс следующий Ммм
тогда это бывший, иначе это будет ой
тогда мы можем установить X рядом с ним секс рядом
не
Угу ах вот и мы
что-то подобное, давайте посмотрим, что это
выглядит как
Ой о, это так круто, я легко
возбудим, но, как я хочу вернуться
потому что если вы думаете о немного как
как это работает, потому что я имею в виду, как
делает, как он знает, какой из них это
использует как это как то, что
механика вашего состояния я думаю, что это
путает, как это смутило меня первым
раз, когда я видел это, да, так что он опирается на
порядок тех определений, что означает
что заказ должен быть статическим
Я вижу, так что вам в основном должно понравиться
использовать определения состояния в основном должны
быть на вершине функции рендеринга да
каждый раз для того, чтобы это было
легко, как они должны быть
безоговорочно в основном да, да все
право
как вы можете концептуально думать об этом как
быть немного ближе к синтаксису, как если бы
реагировать был язык, это, вероятно, будет
быть функцией синтаксиса, где вы можете иметь
контекстуальный, как состояние и последствия, но
потому что реагировать не на самом деле язык
мы можем сойти с рук только с этим
ограничение все в порядке, это довольно круто
это довольно круто, мы опасно
почти не хватает времени, и я думаю,
что мы находимся в хорошей точке
где мы на самом деле хотели использовать вещь
как то, что или как это
любой вид как интересный
наблюдения, которые мы можем использовать по этому поводу
как вещи, которые вы хотите указать
к сообществу, которые являются нормальными
заблуждения или или вещи здесь или это
мы должны просто пройти через Алиссу или мы
научился ммм, я не думаю, что у меня есть
что-нибудь, в частности, это как не
в документах да так просто зайдите в
реакции, которые работают косые крюки и
есть как боковая панель, которая ходит по тебе
как через разные случаи и
особенно FAQ, который вроде как
немного более продвинутый уровень, но часто задаваемые вопросы
раздел как повара FAQ есть ответы
как почти все общие вопросы, которые я
столкнулись, но я думаю, что мы не имеем
действительно затронул одну вещь, которую я
думаю, это на самом деле самый важный
тот, который на заказ крючки да так, как
большая точка крючков в том, что вы можете
создать свой собственный, и это действительно
умеренный и я думаю, что один из подобных
большие мотивы для этого вида API
мы могли бы сделать это быстро, конечно, как я
нужно подумать что может быть
кастом хук вот так в оригинале
учебник мы, мы делаем это с тем, чтобы мы
поднять состояние дальше, чтобы дать время
путешествовать так в начальном уроке, как
он показывает список всех ходов, которые вы
сделал, а затем вы можете перемещаться между
их я не совсем уверен, что мы можем соответствовать этому
в в три минуты , нет , но , возможно ,
возможно, мы могли бы просто подождать, пока переключатель
браузер и показать, как аудитория
немного намек на это, а затем
они могли бы попробовать это для
Сами это немного похоже на подобное
домашнее задание для того, как, где, где вы
куда вы могли бы пойти дальше с этим правом
так что я думаю, что если вы идете в
учебник, так что если вы идете к
учебную страницу, а затем вы нажимаете на
завернуть в боковую панель, которая как
последняя часть да я вижу это так, если вы
нажмите на это, и вы нажимаете на
Конечный результат есть ссылка проверить
конечный результат здесь хорошо круто
хорошо, так что это код 10, как так, если
Вы пытаетесь играть немного и здесь
Я не вижу этого в потоке может
ты вроде показал мой результат там, потому что
там он просто показывает код, да там
мы идем хорошо, и поэтому, если вы нажмете вокруг
несколько раз
хорошо, и тогда я могу скоро, как нажмите
отдельные здесь и зум назад
в правом, так что если вы, если да, если вы
нажмите на те, которые вы можете вернуться во времени
так что интересно это то, что
если вы посмотрите на код в классе
версия это все вроде втиснуто в
в компонент верхнего уровня, так что если
вы обрабатываете клик, если вы посмотрите на
в компоненте игры в да это имеет это
как история государства, и это нравится это это
ставит вещи в историю, когда мы, когда мы
нажмите, а затем он имеет переход к методу
который позволяет перемещаться между
места в истории и так одна вещь
Вы можете заметить, что логика для
сама игра и как фактическая
логика крестики-нолики в настоящее время
переплелись с этим путешествием во времени
логика истории да и так, что обручи позволяют
вы делаете, вы можете отделить
те , на две части , так что вы можете переместить
логика игры запись
как редуктор так же, как в Redux, но
без глобального магазина это так же, как
редуктор для управления местным государством и
тогда вы можете иметь пользовательский хук, как использовать
путешествие во времени или использование истории, которая только
имеет дело с перемещением между
История государства и: и как использовать
редуктор для управления этим состоянием, так что я думаю,
интересное не может забрать домой
упражнение является первым, чтобы изменить его, чтобы использовать
редуктор для централизации как государство
Логика Hanlon, а затем реализовать
История использования или путешествия во времени
крюк, который позволяет прыгать между этими
состояния без жесткого кода в
игровая логика в это я думаю, что может быть
действительно интересно там у вас есть
как домашнее упражнение для того, как делать
что мы сделали здесь с основным вы
состояние, а затем рефакторинг его и
отделяя часть путешествия во времени от
из частей игры вместо того, чтобы держать
это смешалось, это было так весело
Большое вам спасибо за то, что на
показать спасибо, это было здорово и
нам удалось получить что — то продуктивное
в течение одного часа, который был удивительным
что-нибудь любые последние слова, которые вы хотите, если вы
чтобы транслировать в сообщество читать
документы там на самом деле, как будто это это
реагировать удивительно хорошие собаки в моем
Мнение это я думаю, что это так часто для
проекты с открытым исходным кодом, чтобы иметь плохих собак
что эти люди просто предполагают, что Алекс
не будет полезным и что самое лучшее
это вы начнете стучать в
вещь, но я думаю, что это тоже как
хороший подход, но я просто хочу
Подчеркните, что подобные собаки существуют
и вы , вероятно , хотите , чтобы проверить их
и некоторые из вопросов, вероятно,
ответил там, но это также нашел только
тинкер, который я думаю, что я действительно
как этот учебник и как я выгляжу
вперед, когда мы действительно можем преобразовать
это к крючкам, потому что куча, как
Большая часть этого урока просто
о том, как двигать методы класса и тому подобное
связывание и это и объекты и прочее
и я думаю, что крючки будут позволены
упростить это очень хорошо, блестящий
Большое спасибо за присоединение ко всем
это это было замечательно и спасибо тебе
много Дэн за присоединение к нам, убедитесь,
что вы следуете за Дэном в Твиттере, если
Вы еще не и не забудьте прочитать
документы большое спасибо всем
пока-пока
Please follow and like us:

Be First to Comment

Добавить комментарий