Press "Enter" to skip to content

One Hour Pair Programming Hack: Firebase and React


um хороший понедельник утром доброе утро
утро я mpj, и это Дэвид, мы
у нас есть задержка здесь нет, что я
просто ожидал , что ты что — то сказать
иначе сегодня мы собираемся объединить программу
reddit place clone с использованием firebase и
потому что мы сделали один эпизод
ранее, когда мы фактически не
так много причин, поэтому не просто
попытайтесь построить его и на самом деле прекрасную отделку
это заканчивается или раздражительность я не
знаю, я думаю, мы должны сделать это из
царапины, да, я тоже думаю, что мы просто
застрял, если мы попытаемся перестроить его и
да, плюс я даже не знаю, как тогда мы
должны прочитать старый код и один ключ
вещь с этими эпизодами должна заключаться в том, что
вам не следует смотреть какие-либо другие
да, поэтому мы попытаемся
создать красное место для клонирования reddit
был этот проект, где люди могли прийти
на сайт и добавить один пиксель к большому
холст, и у них был один пиксель, а затем
в конечном итоге сообщество просто
что-то из того, что у нас есть
одно дело, что мы должны делать это только
в течение одного часа, и посмотрим, сделаем ли мы это, мы
сделаем это, мы попытаемся
программа для реального мы получили некоторые довольно хорошие
предложения о том, что мы на самом деле не были
пара программирования в последний раз, когда мы пытались
программное обеспечение для программирования программ для пары
качества, не влияя на
доставить это противоречиво, но два
люди, работающие на простом компьютере, будут
добавьте столько функциональности, сколько два человека
работающих отдельно, за исключением того, что он будет
быть гораздо более высоким равенством, которое мы фактически имели
показали , что достаточно хорошо в последнее
эпизод Мне нравится последний эпизод, когда мы
пытался сделать парное программирование, но на самом деле
не пытались сделать пару программирования работы
на две отдельные части проекта
это то, что мы узнали, не
действительно ты имеешь в виду, что мы не
на самом деле получить хорошее качество, потому что мы
провалились, да, мы не попали куда-нибудь, где
мы полагаем, что мы оба добьемся успеха
для выполнения наших соответствующих задач, чтобы мы просто
разделил его, но один из нас застрял
и которые вы, вероятно, не имели бы, если бы
мы оба копошились на это на самом деле
ничего не говори о драйвере
навигатор
все в порядке, поэтому мы просто пара программ
и посмотрите, какие права первой части вы
может просто указать, что такое драйвер и
ориентируйтесь на свои концепции, когда
Я проделал пару программ, где люди
что, как читать книги на нем один
человек является водителем, являющимся лицом
это фактически удерживает клавиатуру и
фокусируется на синтаксисе и
nitty-gritty алгоритма, делающего
компилировать вещи
Навигатор — это человек с
который содержит блокнот так сказать, как
хорошо, где мы будем в их великом
схема вещей достаточно хорошо говорить я
подумайте, давайте создадим проект
создать реакцию, да, почему бы не на самом деле
давайте просто удалим старый код или
неправильный вау, который вызывает удивление
много npm, как мы втянули
все создайте реактивное приложение весело
Я установил
таймер, и мы пойдем, я имею в виду, я думаю, что ты
поделился неправильным проектом со мной Я не
знаете, как это работает
О , я имею в виду шрифт на нижнем ладно мой бог
он открывает сеанс кода после двух
минут
блестящий MPM начнется хорошо, поэтому давайте начнем
с вещью , что вы начали с
последний раз система координат с некоторыми
вид пикселей миндаля, мы можем щелкнуть
пиксель и изменить цвет пикселя
поэтому система координат и пиксели давайте
на самом деле вы начинаете с путем объявления
система координат может быть, да, хорошая идея
предположим, что это состояние является объектом, и мы
назвал его пикселями, возможно, и как
процесс, который может быть массивом, где
Следующий значок по какой — то причине это походит
единственный шестнадцатеричный код, который я бы знал из сердца
был цвет фона моего первого
сайтов, или это координата
системный вызов его пикселей
все правые пиксели лучше других
был очень последовательным y’all вправо , а затем
для каждой этой точки, поскольку это не указано
пиксельная карта, как будто я действительно ненавижу
эти наложения любовницы dealio I
не знаю, почему люди так
взволновал интеллект точки
это для меня хорошее предложение для
вещи, кроме моего кода, здесь
действительно хорошие предложения, как я и это
охватывает то, что происходит со мной
время с этими ссылками для каждого пикселя
и это будет похоже на левый пиксель.
x раз что-то
кроме ширины и высоты, давайте просто да
именно потому, что мы не хотим использовать
иначе это будет болью в
осел на мобильном телефоне , я полагаю , просто жулик
где вы можете держать его как размер изображения
здорово, это здорово, что странно
то максимумы, чтобы выбрать достаточно фона
цвет у нас есть провал это не
разрешено до супер, дайте мне просто добавить
супер здесь не правильно , я это знаю
не его положение в верхней части возможно
что обертывание div не о да
вы правы в своем положении
позиции, а затем
внизу или о да, все в порядке
это абсолютно правильно, да, вы
восемь да да Я собираюсь добавить еще несколько
[Музыка]
и тогда у нас был выбор цвета я не
знать , если это правильно нет , но мы сделали
путь, который вы начали в последний раз, состоял в том, что вы
сначала построила клиентскую часть
давайте просто сделаем подборщик цветов, а затем
мы вроде сделали, и тогда мы можем сделать, как
логика впоследствии, что мы должны иметь
здесь да, хорошо, что выше
делайте это выше, я просто собираюсь
скопировать пасту, установить цвет реакции
индикаторы прогресса всегда потрясающие
у нас двенадцать минут в порядке, так что
идет довольно хорошо
требуется зависящий от партнера винт, который вы оцениваете
зависимостей настолько невероятно невероятно
зло в порядке декларация дубликата реагировать
да, это сексуально верно да все в порядке
Получает подборщик определяется , но никогда не использовать
поэтому давайте использовать его
как мы позиционируем эту вещь хорошо, если
вы щелкните где-нибудь в координате
систему, которую вы хотите иметь рядом с ней
да, я понимаю, что получаю это, но мой
вопрос в том, как, как мы размещаем
вы можете просто сделать это, если я
делай, как ушел отсюда, да, и пошли 100
собираюсь идти, нет, это не собирается двигаться
направления туда, мы могли бы просто
положение, но тогда это будет немного
сложно с ним, потому что он немного
стрелка вверх здесь mm-hmm цель вы можете
фактически просто обойти эту проблему
говорящий , у которого нет стрелки
Теперь это круг это выглядит хорошо это
это игривый выборщик круга не
определяется как в рендере, который вы вызываете
Получите сборщика, о, пойдем хорошо, так что
следует ли нам обернуть его чем-то или
мы можем просто использовать этот компонент и
переместить его вокруг , я думаю , мы будем обертка
это в чем-то, что я бы хотел, я был уверен, что уверен
есть способ сделать это, но в
интерес сердечного времени я понял
что мы, если мы сможем упростить приложение
то, чтобы избежать проблемы, тогда
больше силы для нас, так что стиль для
ДИВ выше мы идем , почему не сделал это
переехать
о да, это должно быть положение сладкое
да, это хорошо работает, что дальше я думаю
что мы должны добавить, когда вы нажимаете
где-то вы получите позицию в
системы координат и таким образом мы
может обновить массив пикселов
правильно заявляет, где мы добавляем
onclick handler Я понятия не имею о клике
здесь вы сейчас в возгласах стиля
программирование волос уже окупается Я
точно так же, как я, как няня,
просто держит вас подальше от
плохие вещи, вроде нет, нет, нет, не трогай
этот класс нет нет нет нет, это нож
эти пиксели точки точки щелкнули мы не
есть много места для этой консоли ой мой
бог, стреляющий в колокольчика
не похоже, что щелчок
регистрировать или, возможно, так и есть
на самом деле справляется с этим
определяется как обработчик OnClick на нем
так или иначе
давайте сделаем ручку, если это сортировка по клику
лорд Nope все еще выглядит ничего
на самом деле, если это
клик, возможно, это не
[Музыка]
на клик с C нет, это он вам
должны иметь БАМы не ждать минуты
постойте , я думаю , что я попал в этот
ловушка в последний раз мы смотрим на этот пиксель
вы видите, что это просто
не имеет высоты, так что пять
сто процентов и сотню процентов
следует решить эту проблему
да давайте уничтожим его
все в порядке, я думаю, это
должно быть позицией: абсолютная по порядку
работать нормально
потому что ширина и высота на самом деле
имеют смысл в контексте
мы могли бы работать с проблемами позже
потому что, когда мы хотим прокрутить
сетка, но все, что угодно
так что теперь , что ручка пикселей удар должен
примите событие, эй, вы знаете, что я знаю
как мы должны сделать это десять
тысяча пикселей о, о, да, о, так что
вы говорили, что пиксели ручки
функция clicked должна принимать событие или
падать, как видео Я остановился, я продолжаю
забыв, что, как и нам, мне нравится
действительно нужна потоковая камера, потому что
становится слишком много вещей, чтобы
в вашей голове, добавьте событие, которое мы получим
координаты от события как-то
между приобретением элемента клиента
почему мы возвращаем позицию относительно
в окне, не являющемся родителем, я думаю, что
это выглядит разумно, да, а потом мы
разделите это на размер пикселя, чтобы получить
мы в нашей системе координат, это прекрасно
Y делится на то , что называется так называемым
размер пикселя, мы уверены, что сделаем математическую дверь
мы должны увидеть console.log координату
то мы можем просто увидеть, имеет ли смысл
когда мы отмечаем вокруг , это правда
это правда
Я думаю, что эти склоны разумны, если вы
нажмите красную красный пиксель и просто
убедитесь, что, когда вы нажимаете
он должен сгенерировать следующий угол
5: 3 да да и выше и ниже да
прохладные OOP вещи работать да ладно так
там мы имеем это, тогда мы должны нарисовать
выбор круга, где вы нажали, чтобы мы
должны иметь способ позиционирования
выбор круга, используя состояние, затем стиль
если у вас есть стиль над ним
обертка, о да, да, так левые
должно быть что-то вроде этого
точка выберите, что
выбрано для размера пикселя ornette
да, координата X — это dy
стрела не может правильно читать X определения
знаете, это потому, что мы не сказали
победа да точно, поэтому нам нужно
обработайте этот случай, так что я просто собираюсь сделать это
выбранная координата no или no не должна
у вас есть двойной амперсанд, что вы
следует рисовать только если у вас есть выбранный
координировать нет, да, ты прав
но эта остановка должна быть выбрана
координируйте, да, это дело каждое
должно быть , а также я должен закрыть мой
теги правильно О, закрывая его там Я
подумайте, что это выбранное состояние
координаты, поэтому стрелки этой остановки
состояния
о да, да, я понимаю, давайте просто протестируем
что X равно 4 y, равно 5 9, то появляется
это похоже на 90-летнюю да
поэтому нам нужно установить, что это
не устанавливать выбранную координату состояния и
то ваш счет не я полагаю, да
whoops не может прочитать состояние набора свойств
undefined oh yeah постоянный стандарт
дерьмо JavaScript сделал это для многих
много лет и до сих пор попадают в него так
это означает, что когда вы это делаете
это означает, что это не будет
pics ожидают, что он потеряет это
контекст так, как вы это делаете
это просто создает новую функцию для
каждый каждый рендер, привязанный к этому
[Музыка]
Спасибо, что сейчас все нормально, когда мы нажимаем
мы можем немного рябь в течение некоторого времени
что это действительно очень хорошо
да 30 минут
мы просто хотим получить цвет от того, когда
мы выбираем из
эта работа затем реагирует на цветную бомбу
измените цвет, который имеет шестнадцатеричный
свойство, которое мы продолжаем менять эту метку точки
цвет выбран Я делаю абсурд, если есть
один XY, который перепишет его
иначе мы должны просто вставить его
yups, поэтому давайте просто возьмем координаты
это состояние не пиксели dot Kong cat
и мы добавим новый пиксель с X
вы можете просто выбрать добавить его
с этим, но они не выбраны
координаты и придать ему цвет, который мы
есть здесь, который будет окрашен на X
Иисус Христос это намного проще,
что вы сделали это один раз, когда я чувствую
почти как сверхчеловек по сравнению с последним
время о, я потерял Дэвида мм-хмм
я знаю, что
происходит, где моя связь, я
назад Я люблю свою свекровь, но у нее есть
наихудший Wi-Fi, поэтому я получаю
кабель да, мы постоянно совершенствуемся
наша потоковая настройка для этого, как мы
не используется в формате, и он собирается
есть перегибы, но я имею в виду, что я на самом деле
наслаждаясь тем, что немного похоже на
Я могу сожалеть, что это похоже на
когда я начал выдумывать, как когда
вы так много учитесь, как каждый
научиться, как будто я очень высокий
вы просто понимаете, как о, мы
сделал с перцем sync или собирался все мы
должен получить эту вещь и, как я действительно
например, когда это происходит так быстро
вы можете установить цвет, когда вы
щелкните по выбору цвета, не будем видеть, что я
Мне нужно на самом деле делать наборы
это тоже да, и это состояние не
пикселы о пикселях ах , если вы сидите
state и cept только пиксели делают
перезаписать выбранную часть Корнетта
государство, которое это делает, просто установило
пиксели подают его только через эту часть
сайта хорошо, что это не состояние
не установить состояние, это не функция нет
это правильно, только это
Я ожидал, что это что-то предпримет
это работает, да, для меня это
работаю для вас, да
что это так странно, это не
работая для меня, просто обновите свой браузер
почему мне нужно обновить браузер
Я не знаю, что он только начал работать
меня сегодня у нас немного мало
время не так много говорят
теперь нам нужно скрыть цветное изображение
как только мы нажали и установили цвет, мы
просто установите выбранную координату на no
не работает, он не знает, потому что
Я думаю, что это происходит потому, что
происходило в последний раз, было то, что это
генерирует, как будто генерирует новую клику
который просто устанавливает его снова мм-хмм, поэтому я
думаю, что так , как я это сделал
время было то, что я игнорирую pixaflux, если
выбранной координаты, есть
выбранная Cornette немного немного
хотя почему я так думаю, потому что
ваш браузер настолько мал, что он перемещается
внутри картины широко распространено то, почему
потому что дело в том, что когда я это делаю
локально это работает для меня
О, как я, я изменил размер
много да, что я сказал, но ты не сделал
слушать меня хорошо жаль жаль , что я не я
не понимали, что вы говорили
да, я думал, что ты имел в виду размер
окна да, это о том, что мы
должны быть крепления нет , потому что у нас есть только
20 минут хорошо справедливо
так что пришло время добавить огненную базу, чтобы я
думаю, давайте просто пропустить среду
переменные, давайте просто вставим его в
проекта у нас мало времени в космосе
это, а затем я покупаю гонку
[Музыка]
как мы вовремя 16 с половиной минут
в синем баре есть гиды, здесь
это
хорошо, как цвет разбили его
вместо установки состояния
здесь он собирается написать в
потому что это будет похоже на это
звучит, да, оставайся точками пикселей. Я думаю, ты
нужно сделать что — то вроде этого , как делать я
мне нужно , чтобы создать базу данных , и мы
готовый тестовый режим и бриллиант
пикселей Я не совсем понимаю, как это сделать
к этому большое или переопределить один
документ использовать этот набор этой документации
предполагает, что я хочу вставить
конкретный идентификатор документа, но я не хочу этого делать
что я просто хотел добавить, как
произвольный ребенок выбирает это хорошо, это
всегда устанавливайте данные, добавляя новый документ
в коллекции вы можете сделать это без
ID, и он просто будет работать на Harris
добавлено хорошо
о, это очень просто, просто добавьте О
точно очень гладкий API, а затем он
собираюсь быть этим, я полагаю, а потом
мы просто прокомментируем это, пока мы
нет DPM, что это, firebase , не
это слово коллекции это я думаю ,
так что я хочу нажать здесь и посмотреть
мы получаем что-то на огненной буре Иисуса
Христос это идет медленно
его не следует перезагружать, я собираюсь
проверяйте ошибки в то же время Oh God
этот парень трахается, да, мы
нужно исправить эту ошибку, это не
ошибка — это просто предупреждение, но это
он просто заполняет вашу консоль так,
просто добавьте его по умолчанию, если
они мне нравятся, я не знаю, что я
думаю, что это просто обратная совместимость
Я полагаю , но почему бы не думать версии его
вместо этого вместо того, чтобы хлопотать
все с этим дерьмом 9 минут 9
минут в порядке, хорошо
она не подведет О , это на самом деле делает это
Я не добавляю вещи сейчас
это добавить , я думаю , что это делает делает это делает
так как мы можем подписаться на это
вы делаете запрос, а затем вы
может владеть снимок да сделать это на
сбор я так думаю , потому что да
это как носить все, что угодно
запрос без приглашений одна вещь
с парным программированием , я склонен
застрять в режиме фокусировки, теперь это
несколько раз , когда у вас есть на самом деле
сказал решение, но я просто не был
открыта для него, потому что я был настолько сосредоточен на
на решение проблемы да, я думаю, что это
это, вероятно, распространенная ошибка, когда вы
начать парное программирование, возможно, что
один в снимке
Мне понравилось дерьмо я без
исключение, когда я пишу слово snapshot
Я пишу snap shit first doc, данные
не функция, которая выглядит очень похожей
хорошо, это объект моментального снимка запроса oh
да, да, я знаю, почему это не
работать, потому что этот пример
соблюдение документа, пока мы
наблюдая коллекцию, так она делает
смысл для нас — это
коллекции и коллекции нет
данных, у которых есть Документы, все права звонят dorks
это не функция shit, это запрос
моментальный снимок должен иметь двери
о, потому что это не
и теперь мы получаем запрос документа
снимки, так что у них есть данные для собак
[Музыка]
не делайте никаких данных, да, у вас есть они
хотите нарисовать их сейчас или что вы
пытаюсь сделать, я пытаюсь установить их в
на сцене вывод карты — это то, что
вы хотите установить в состоянии
да, теперь ты должен получить вещи, если я
добавьте вещи правильно да это мы
сделанный бум, какое время О, о одном
минут и пять секунд, чтобы пойти потрясающе
хорошо , что это имеет части , да , да из
конечно, но, как мы можем, вы не можете построить
полный пакет программного обеспечения за один час
как получение бесплатного программного обеспечения с
все функции, в которых вы нуждаетесь,
сотни часов, да, мне нравится, когда
вы обновляете его, мы не можем просто исправить
что это так, когда вы обновляете его просто
рисует исходные пиксели, да, это
true давайте попробуем да нет нет нет нет нет нет
давайте не будем вдаваться в то, что мы сделали это
ошибка перед тем, как мы просто собираемся
исправить один левый хорошо, а затем это заняло
что мы узнали, конечно, это
помогает то, что мы делали это раньше вроде
и потерпел неудачу, и теперь мы просто святое дерьмо тебя
знал, как это сделать, но я думаю, что сейчас
в конце концов, мы вроде как бросаем
весь драйвер Navigator был похож на вас
были драйвером, и я попытался полюбить тег
по сравнению с тем, о чем вы думали, а не
вы слушаете меня, но это правда, пока
Я думаю, что это действительно здорово.
подумайте, что способ нарушить это
как остановить и просто постоянно спрашивать, что
мы делаем да
который я сделал в конце концов, но он взял меня
долгое время осознавать, что да, но я
означает , что должна быть моя ответственность
потому что это так легко
когда ты в порядке, я знаю, что мы
делаю, и теперь я думаю, что у меня хватит
вещей, чтобы просто побежать вперед, но
то вы потеряете Навигатор , а затем вы
потерять поддержку своего навигатора да
да, это было весело, я думаю, что я должен сказать
одна вещь о живой доле, я думаю, что
самая ценная часть — целое, как
маркировка линий да — просто показать здесь, я
пойди, сделай это, как будто
нужно набрать что-нибудь да, это не
обязательно все, что полезно и
факт, что вы, вероятно, можете
прокрутите в файле и посмотрите
части, которые я смотрю на одну вещь
это немного грустно, когда мы это чувствуем
как и в этот раз, мы чувствовали, что о, мы можем
на самом деле сделать это за один час, что означает
что мы становимся намного более ориентированными на задачи
и у вас нет времени для чатов и
как бездельник, если он приходит очень вам
знаю, как это чертовски это сделать
да, это не становится таким же приятным и забавным
как да, я также люблю много
время думать думать думать о времени
мы должны это делать да
Я думаю, что, возможно, нам бы хотелось, чтобы
кофе перерывы в нем о да, как ноги
Шведская Вика, так что каждые 20 минут мы
просто мы не тянем мой Дорос, да
лес на среднем западе, где мы
остановите таймер «и получите чашку чашки
кофе и есть по крайней мере 10 печеньков каждый
чтобы получить да, я спешу с сахаром и, может быть, просто
говорить о чем-то отличном от
код, который будет интересоваться да
это, вероятно, довольно сомнительно
так как мы в основном сжимаем
весь рабочий день в один час, чтобы он
сделало бы тонну смысла
поэтому мы должны обернуть это
предложите то, что вы хотели бы нам сделать, и
следующий эпизод в комментариях или на
веселый форум, если вы являетесь покровителем
вы просто смотрели эпизод веселья
веселой функции мы выпускаем эти
В понедельник утром вдали 200 GMT, но вы
забыть, что вы можете подписаться или
смотреть другой эпизод прямо сейчас,
нажав здесь, я mpj, и я — Дэвид
до следующего утра понедельника остаются любопытными
Please follow and like us:

Be First to Comment

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