Press "Enter" to skip to content

Let’s pair program a Reddit place clone using Firebase


un conteggio BAM di un ora facciamo coppia
programma e legalo gioca forte con
Firebase in cui ogni funzione restituisce a
prometti tutto bene
[Musica]
[Musica]
Lunedì mattina abbiamo David con noi
oggi faremo il genere di
la stessa cosa della scorsa settimana che codificheremo
e o qualcosa che è suggerito da
il pubblico e lo useremo
anche con una tecnologia arbitraria scelta
dal pubblico e un arbitrario
restrizione scelta anche dal pubblico
e lo faremo un programma di coppia dal vivo
pair programming sorta di sorta di wraps
sarà modificato chissà chi così sia
cosa faremo, figuriamoci
passare cinque minuti a capire cosa
è che dovremmo fare e
forum divertente quindi abbiamo una restrizione
ho pochissimo tempo come questo
ci sta preparando così tanto per il fallimento è
nemmeno divertente, va bene, dovremmo
ho davvero un timer
appendere su impostazione e tempo una scarsa femminilità
va bene la scatola del tempo che dobbiamo decidere
entro cinque minuti cosa faremo
quale tecnologia usare e che sciocco
restrizioni che dovremmo avere così triste
suggerire la fatturazione Skynet sembra un po ‘stordito
troppo facile
le storie del costruttore aiutano i personaggi
luoghi come una tecnologia interessante
vedere Jess come non mi piace per la vista
arbitrario da quando lo hai mai usato No
quindi forse è una buona cosa
provalo, non l’ ho mai usato
no è vero perché sono una visione
Sono razzista, certo, uso solo la vista, quindi forse a
un po ‘troppo ambizioso ma qualcosa di simile
pronto a mettere ciò che è pronto – sì
leggiamo il suo posto l’esperimento
coinvolto una fotocamera in linea di 1 milione
quadrati di pixel situati al subreddit
aggiungi un subreddit chiamato il nostro posto che
gli utenti registrati potrebbero aggiungerlo tramite
cambiando il colore un singolo pixel su a
16 palette di colori oh è davvero fantastico
in realtà mi piace l’ idea di un qualche tipo di
strana collaborazione come la tela
dove tutti gli utenti possono semplicemente scaricare merda e io
pensato come se tu se usiamo qualcosa
come Firebase o qualcosa del genere allora lo farà
probabilmente sarà relativamente facile da costruire come
bene che cosa abbiamo sul timer
Oh, e abbiamo due minuti dalla fine è MPD
social network ideale che probabilmente farebbe
essere solo qualcosa che è completamente
incentrato solo sull’incontro con altre persone
come se fosse solo un evento basato su esca
ora potremmo usare un tinder che non lo è
riguardo all’incontro si tratta solo di essere
giudicato ma scriviamo solo il titolo o
questa cosa come il posto di Reddit lasciaci andare
coppia programma un redditizio posto Klum con
Di quale Firebase abbiamo bisogno di un arbitrario
restrizione la scorsa settimana abbiamo avuto Comic Sans
quindi ecco un gruppo di like solo uno
mano rendila nel tuo Swift l’unico uso
librerie che non hai mai usato prima
va bene un minuto per trovare una restrizione
da Twitter sì sicuro carne no
Stato mutazione dove Blindfold lo rendono
è compatibile con Internet Explorer 6
hey IQ piace questo ovunque
funzione dovrebbe restituire una promessa va bene
facciamolo dove ogni funzione
restituisce una promessa quindi in pratica credo
dovremmo proprio come il design è saggio
solo una pagina vuota che con i pixel
come qui è quella pagina vediamo che abbiamo
pixel ma se li stiamo facendo mobile loro
sono davvero molto difficili da ottenere così abbiamo
avere una sorta di modo di piacere
zoomando su un pixel quindi dovremmo avere
come un sistema di coordinate esistente
che non deve corrispondere a tutti
pixel quindi forse è uno ciascuno ciascuno
il pixel nel nostro mondo è forse uno
frazione nel CSS quindi qualsiasi cosa io non faccia
lo so e sì sì sì e quando
fai clic
a quando fai clic su un punto, allora sarà così
devi far apparire una specie di selettore di colori
o che ti piace avere un selettore di colori
da qualche parte così per ogni cosa Oh eri tu
solo permesso di fare un pixel sì sì
vorrebbe la restrizione sul pronto
posto era che tipo di una volta
posiziona il pixel che hai programmato per te
non è stato possibile posizionare un altro pixel per cinque
minuti che sono probabilmente fuori portata
per bene quindi suppongo che iniziamo il timer
sì un’ora BAM
contando, accoppiamo il programma e lo leggiamo
piazza il clone con Firebase dove ogni
funzione restituisce una promessa va bene tutto
Giusto quindi installerò lo studio visivo
codice ambiente e come una grande scrittura
reagire app suppongo mentre tu ci ottieni
alcune chiavi di Firebase che googling firebase
chiavi come chiameremo questo divertente divertimento
posto
divertente tema divertente Amo guardare i progressi
voce va bene ho un ambiente di reazione
Sono una star che sta creando un negozio di nebulizzatori
Immagino che è quello che avremo bisogno di test
modalità che consente tutte le letture e scritture a
database così sicuro sono sicuro che no
il membro del pubblico si scherza con quello no
nessun database è pronto per andare basta aggiungere dati
quindi sembra così semplice
cool, ti ho mandato il link di collaborazione
o vizioso idiota oh sono qui ho capito
quindi quando facciamo i piatti per fare il codice
posso salvare cose come ciao ora sono
in aggiornamento
e poi posso salvarlo e lo sarà
salvato anche per te
si oh è bello, eh
divertente abbiamo 53 minuti rimanenti
quindi come facciamo a ottenere la base di Firebase in I
non lo so
Posso controllare i documenti e vedere come
fallo e puoi iniziare con qualcosa
altrimenti ti rendi conto che la mia registrazione
fermato ad un certo punto
Oh, la tua registrazione video sì, ma se è così
è stato fermato, lo sostituirò senza
come disegno mspaint di me stesso, forse
abbiamo bisogno di ottenere un flusso o un ingranaggio per
questo sì come alla fine voglio un flusso
come con la mia macchina fotografica come so
esattamente quale attrezzatura ottenere è così cara
sostenere la mostra nella patreon proposito
okay devi aggiungere l’amministratore firebase
SDK per la tua app quindi basta digitare hey hey
dammi la console e lasciami digitare yeah
non hai la console dov’è
vivrai condividi quota livejournal
terminale di lettura / scrittura adesso dovresti
avere un terminale oh mio dio che è così
fantastico fantastico, mi piace questo è questo è
molto divertente come posso continuare a fare
questo mentre stai facendo quello che sei
fare
Sì, probabilmente dovremmo invitare come
i membri del pubblico per fare questo oh questo è
eccezionale
c’è un modo per condividere e remoto come
Chrome perché sarebbe molto utile
se potessimo navigare tra i documenti insieme
e cose del genere se stai guardando
questo e tu sai come fare quel bleep
scrivilo nei commenti perché noi
non posso farlo qui perché poi l’intero
Non so che 50 minuti andranno a quello
okay, cosa stiamo facendo questo punto?
punto lo metto su cloud
funzioni sulla piattaforma cloud di Google o come
il nostro server immagino come sia
percorso di minor resistenza, fallo e basta
questo è il nostro server perché abbiamo
mai usato per cloud o piattaforma
funziona in questo modo, penso che non sia questo
solo un’app client come non stiamo facendo
stiamo facendo cose sul lato server
no perché tutto è nel loro
archiviazione perché in questo momento non siamo come
in una fase successiva suppongo che lo faremo
essere preoccupato con sicurezza sì e
allora probabilmente dovremo avere
allora forse sarebbe una funzione cloud
essere una cosa buona perché poi potremmo
basta fare una richiesta HTTP e poi quello
scrive nel database se determina
che il cliente è autorizzato a ma e
allora non potremo farlo
orbita arbitraria scrive nel database
ma lo faremo più avanti per ciascuno
così oh che ha funzionato sorta di ok Sono
abilitando il provider di accesso anonimo per
il nostro progetto cloud o qualunque cosa siano
chiamandolo sembra incredibile quello che fa
questo significa che penso di esserlo
consentendo a tutti di essere in grado di
scrivere, leggere e fare tutto ciò che vogliono
posizione super sicura: assoluta ora
le cose funzioneranno oh sono sorpreso
questo funziona davvero perché funziona
Potrei probabilmente refactoring questo essere
più cool queste strutturazioni per i Queen’s
suite abbiamo 41 minuti rimanenti e
Ho disegnato un pixel che disegnerò
un altro pixel sì, ho bisogno di effettivamente
moltiplicare questo per 10 o più lavoro come va
sto andando a leggere no spero che il divertimento
parte qui stiamo usando solo strumenti che io
conosci capire un selettore di colori qui
yum install ha reagito col colore github questo
sembra molto carino Matias, ho per te
devo autenticare con Firebase così
proviamolo, posterò il tuo
roba terminale e vedremo cosa
succede quando eseguo mmm senza firebase ora
Probabilmente abbiamo bisogno di installare il NPM
modulo ottieni una sorta di
finestra di autenticazione spuntando a destra
adesso
no forse penso che tipo come a
abbreviazione di chiavi generatrici simili e
roba lo eseguiamo in un vero terminal
non succede nulla, dobbiamo firebase
accedi prima aspetta aspetta aspetta
tutto bene non agirà i X è il tuo Google
Account login di successo brillante
aha che è funky come il default
Firebase prodotto per questa directory noi
Ho un tribunale di progetto che ho frainteso
progetto attivo eseguito con progetto I have
definito su alias mentre lo stai facendo
Definirò questo campo
funzione cliccata presumibilmente da ottenere
un qualche tipo di evento, facciamo solo console
va bene vediamo quello che abbiamo qui io
posso cliccare sul caro suppongo di essere
aspettandomi che avrebbe funzionato
oh, lo scatto sempre e correttamente
quindi stavo cercando di fare clic qui
ma se guardi lo sviluppo è in realtà
sì che sospira cosa stai chiamando il tuo
coordinate si sentono come qualcosa di pixel o
lo chiami lo sto chiamando pixel?
pittura sorta di una collezione con
qualcosa in esso così abbiamo una x
e ay e un colore abbiamo iniziato sì
Esattamente
se guardi in alto, l’app in alto è sulla linea 12
oh sì, grande
è molto bello che io possa vedere quando
hai oh è fantastico
quindi Microsoft non ci sta sponsorizzando ma
essi dovrebbero dovranno contattarci voi
conosci il business che conosci
trovalo nella pagina relativa di YouTube
canale quando il selettore di colori ha
cambiato poi come Joel dà il ceppo
anche oh e mi dà un esagono
eccellente bla bla bla bla bla bla
così quando abbiamo fatto clic su una coordinata
andando a impostare lo stato a qualunque cosa sia
come il pixel corrente e così via X così
che sta per essere x + y intendo II potuto
sii solo facendo questo e proprio come
trasferendolo, ma per essere onesto, lo sono
non un fan di quel tipo di programmatore
viene perché diventa difficile da capire
è fuori da cosa diavolo il coordinato è fatto clic
in realtà accettando e di cosa si tratta
fare questo è molto più facile a sapersi
seguire ciò che sta succedendo e lo fa
come il click coordinato semplifica a
funzione più semplice e chiara piuttosto che
qualcosa che passa qualcosa
arbitrario lungo che dovrebbe essere
formattato in un certo modo se questo punto
stato punto pixel corrente lì quindi se io
clicca ora che dovrebbe mostrare il
colore sì, lo faccio con i gatti, credo che siamo noi
può farlo
mmm che non per questo non perché non funziona
perché perché la console non è espansa
la console è così piccola che è ciò che è
che console è così piccola
oh è solo la console che è
in realtà davvero grande niente ma il
la console può effettivamente ispezionare lo stato
qui perché abbiamo la reazione cromata
plug-in che è davvero bello è
in realtà aggiungendo i pixel qui così
ha una X e una coordinata y clicciamo noi
è necessario dividerlo effettivamente per 10 o per quello
non sarà corretto Penso che oh, aspetta
non posso farlo ho bisogno di usare lo stato di I
ho fatto questo punto impostato stato
Non so reagire
quando abbiamo lavorato con noi per anni pixel
è anche questo anello di fuoco oh l’auto
pixel è oh è perché è ancora
innescando il suo nel suo innesco e
ogni volta che faccio clic sul colore scelto è
probabilmente innescando un nuovo clic sul
sul tuffo che dovremmo impedire così
forse oh ciao ci penso bello io
farlo funzionare adesso in realtà controlli
fuori dallo schermo condividi sì
wow è fantastico non è una matematica perfetta
punto per il mondo sì, ora è in realtà
come pixely anche la posizione del
i buchi come un raccoglitore sono un po ‘incasinati
posizione del contenitore di carta colorata oh voi
so forse posso effettivamente usare il
pixel corrente X e dieci volte
quello che sta accadendo deve essere avvolto in un
racchiudendo il tag ciò che è sbagliato in me è
Emily è dura 14 minuti rimanenti
okay sì presto ho qualcosa qui
okay, non ho davvero letto il
documentazione che ben controlla
Firebase Jas quindi penso che stia provando a
inizializzare e quindi sto cercando di firmare
in e onestamente e poi cercare di ottenere il
pixel nella raccolta di pixel non lo faccio
sai dove gestirlo come fai
questo modulo di esportazione punto esporta o I
non so che è diverso in qualsiasi luogo
so che è come se l’exp fosse esportata per passare
roba di importazione da cose come questa è così
fastidioso come elemento dave ha no
tag di chiusura corrispondente oh è
perché sto facendo venire quello
stai compilando compila per favore
eseguendo il modulo yeah non è stato trovato firebase
funziona in un campo da calcio SRC
sarebbe stato buono per sorta di no
conoscere il camino prima di iniziare

facciamo video quando disegniamo lo stesso
conclusione in ogni video così la gente lo sa
cosa aspettarsi esattamente così è come si
sarebbe stato bello da imparare
prima e poi non impariamo
in anticipo nel prossimo video brutale ok
più Joel non è quello che diavolo è questo
okay, l’amministratore di Firebase è così, ma io
come questo intero codice di condivisione e
la condivisione del terminale cosa sì logo è
definito ciò che non ha mai usato uh-huh okay allora
è il versioning che cos’è quel commento
e io continuerò a lavorare uh
puoi davvero venire e uscire oh sì di
Ovviamente in questo modo puoi rompere il mio codice
Vivo, allora posso fare quello e quello
ma mi aspettavo che non riesca a sentire cosa
stai dicendo
scrivendo nella chat non riesco a sentire cosa
stai dicendo che sei un robot e lo è
un vero e proprio Wi-Fi qui e poi ho usato
il mio 4G e poi che non funzionava così ho
ho provato di nuovo il Wi-Fi e quindi lo siamo
siamo in tempo oh tre minuti
quindi suppongo un firebase che non abbiamo risolto
quella parte no che è su di me suppongo il
configurazione Firebase è che hanno un po ‘di lavoro da
fai tutto bene, forse dovresti
passa a quello II non pensare che io
Pensa che un errore qui è che noi
dovrebbe chiedersi l’un l’altro quando
siamo bloccati sì perché sono stato come
avere super flusso qui e così così
proviamo a divertirci come
altri dieci minuti e cercare di risolvere il
quindi una volta modificato, voglio solo farlo
fare una query e quindi ottenere qualcosa get
non ti dà il feed dal vivo solo
ottengo solo un documento ad una istanza
volevo provare qualcosa e non lo so
se lo faccio come il firebase
app inizializzata con il firebase
configurazione se devo davvero fare
che fuori io non sono davvero sicuro penso
che funziona in modi misteriosi
c’è un firebase vecchio pacchetto esso
dovrebbe essere sì installare che è davvero
fastidioso che sono tutti lì esempi
sono o isolati ci danno un esempio completo
voi bastardi, quindi posso mandarvi uno
esempio che hanno
[Musica]
amichevole mangia stop Jaya ma questi sono
globale, in che cosa tiriamo questa merda?
Firebase quindi è un esempio per
servirlo sulla base del fuoco in qualche modo così
forse è per questo che non hanno il
fabbisogno di marmocchi perché in qualche modo
supponiamo che sia disponibile globalmente e
qualcuno come potrebbe essere così
oh, pensi che il motivo per cui Firebase sia in qualche modo
di strano quando lo stai usando con
NPM sì, non facciamo questa app di inizializzazione
cosa oh ok ora ho capito si
ok ora ho capito che questo è solo
cazzate sì perché non abbiamo
accesso a questo proprio ora abbiamo bisogno del
Chiavi vere, ovviamente ne sai molte
senso quindi questo è solo questo è il tu
ho bisogno di incollare le tue chiavi effettive qui
l’avrei visto davvero, se l’avessi fatto
leggi il codice da cima a fondo
ma ho appena iniziato a fissare questa cosa
quindi suppongo che poi quella terra
qui è disponibile solo una volta effettivamente
facciamo l’inizializzatore in realtà abbiamo avuto un
limitazione che ogni funzione dovrebbe
restituire una promessa è che andiamo avanti oh
Suppongo che potrei fare ogni funzione
qui ritorna una promessa ma in realtà
non farebbe alcuna differenza
perché tutto sta accadendo e
come conseguenza dello stato che viene cambiato
se faccio questo e canto come sto andando
mentre si sta facendo che ho intenzione di
urla conforme al nostro arbitrario
requisito Oh non può risolvere il servizio
account GJ figlio perché forse può tirare
in Jason Potts
lei lo rispedirebbe semplicemente dentro
il codice solo per ottenere perché io sono
possibile che la cosa di Jason in no
conoscenza specifica bene che sembrava
205 stanno firmando da soli
oh, i dati di comportamento del dio bianco sono memorizzati in
combatte o cambia consapevole e la tua app
può rompere oggi in tribunale nella promessa
non posso confermare la conversione non definita o nulla
obiettiere di dimenticare questa cosa per res
la variabile d’ambiente config è mancante
l’inizializzazione dell’amministratore di Firebase fallirà
ma non siamo inizializzati in firebase
admin quindi ah penso che andiamo in quadrato
esso
siamo nel tempo abbiamo fallito nel fare un semplice
interrogare a Firebase e non possiamo figurare
fuori ciò che è sbagliato, ma questo è solo uno
ora e ci sono almeno otto ore
in un giorno lavorativo quindi per un’ora di sorta
va bene vorrei teoria dei soldi come
solo dalla mia precedente esperienza con
le fibre sono basate su una base di fuoco
stai inserendo tag script e se tu
non farlo così e ti metti in moto
voglio usare NPM come usiamo qui le cose
sono proprio come i documenti non sono adattati
a questo quindi non stiamo davvero usando il loro
sentiero d’oro perché il loro percorso d’oro è
stupido ma non lo so, non lo so
come se ciò significasse anche no
la maggior parte delle spese per PC su richiesta
la dipendenza è un’espressione del tipo
sono queste altre cose No
probabilmente lo scopriremo ma non lo faremo
in un’ora
ma è diventato abbastanza lontano come II tipo di
ho questa figura in pixel funzionante e io
penso che probabilmente potremmo averlo capito
lavorando in quello che impari così prima io
posso dire che ho imparato che Firebase è
come qualsiasi altro servizio che tu solo
devono capire come stanno
facendo autenticazione tutto e io sono
certo è super dolce una volta che l’hai preso
account account cosa e tutto
correndo ma in un’ora non l’ho capito
correndo così forse è un compito di due ore
o test di otto ore ma ci penso
guardando la documentazione sembra
piuttosto dolce una volta superata questa parte
quindi cosa hai imparato sul front end I
ho appreso che Visual Studio come il coaching
è abbastanza bello è abbastanza bello come questo
era molto semplice lavorare
sì come abbiamo letteralmente provato questo
per come dieci secondi prima del flusso
e tutto ha funzionato estremamente
senza intoppi ed è stato molto facile, sì, io
ho appena dovuto installare l’estensione e
poi ho preso il link e ho cliccato su
link e ha detto che vogliamo aprire il codice
con questo link e poi ho detto ok e
ha iniziato a funzionare anche diventando
questo colore reagire come se fosse così bello
ho un forte ecosistema che potrei
come oh voglio reagire color picker e
poi ho chiesto a oogle react color picker
e ce n’era uno che era facilissimo da fare
per lavorare è stato bello anche noi
discusso come se fosse stato così
questo estremamente stupido semplice se spec
in anticipo ciò ha reso le cose molto più facili
perché ci ha dato una cosa corretta
mi ha dato una direzione per lavorare anche con noi
è stato anche positivo che lo abbiamo capito
la cosa fuori dove ci piace non è piaciuta a
sistema di coordinate pixel perché quello
avrebbe significato rendere questo molto di più
fastidioso la restrizione arbitraria che
in realtà non avevamo tutto questo
interessante nel contesto di a
reagire app dove tutto è
funzionalmente reattivo perché non lo sei
davvero in attesa di qualsiasi chiamata di funzione a
Completa, stai solo chiamando la funzione così
il fatto che restituiscano una promessa è
completamente irrilevante perché tu sei
mai usando i valori di ritorno di
qualsiasi cosa tu stia fissando lo stato e poi
le cose accadono come conseguenza di ciò
così e poi la lezione è che dovremmo
impara gli strumenti di base prima di iniziare
usandoli perché altrimenti è sempre
tutta questa storia di apprendimento, ma credo
come in realtà è così che lo fai
devi impararlo mentre sei tu
mentre stai cercando di capire le cose
devi farlo lo stai imparando mentre
stai capendo che è comune
errore di programmazione per tipo provarlo
cercare di capire le cose da soli esso
sembrava una buona idea parallela
processo sì ma non lo era ma non lo era
coppia di programmazione non come penso che noi
se ci fossimo concentrati su due mani su una
problema in un momento saremmo stati molto
più avanti come penso che questo
in realtà ironicamente siamo un po ‘
ha dimostrato il problema di non farlo
coppia di programmazione perché tu quando tu
Non stanno facendo coppia programmare la tua squadra
è sempre come
se c’è una rottura su una catena come
l’ intera squadra rallenta così velocemente
questo è il motivo per cui più programmazione e
la programmazione della coppia funziona così bene perché
tu stai sempre brulicando di più
problema difficile al momento che
significa che stai effettivamente massimizzando
la tua velocità ironicamente anche se
come se non stessimo massimizzando il tuo
efficienza anche come se fosse pari
meglio se potessimo trovare un modo di
Sono sicuro che il controllo remoto del browser
questo è possibile sì, va bene così
abbiamo finito sì, penso che tu abbia guardato
un episodio di fun fun function noi
rilasciare questi ogni lunedì mattina Oh
800 GMT ma si dimentica che così si
puoi iscriverti cliccando qui o guarda
un altro episodio in questo momento facendo clic su I
sono mpj e e io sono David fino alla prossima
Il lunedì mattina dici curioso
[Musica]
Please follow and like us: