buon lunedì mattina sono MP IMM PJ e
stai guardando la fun fun function ora
oggi sarà un po ‘diverso
episodio sarà un codice Let’s
episodio e si chiama let’s code an
editore e so cosa stai pensando
stai pensando che hey M PJ hai
ho sempre detto che sei un utensile
alcolizzato e che spendi troppo
tempo armeggiare con i tuoi strumenti perché sì
e stai vivendo questa lavorazione
alcolismo in questo momento di prima mano nel suo
è piena gloria costruire un editore
probabilmente il peggior tipo di assoluto
procrastinazione sviluppatore che puoi
forse è la costruzione di un editore
qualcosa che fai solo per il
beneficio dello sviluppatore c’è
assolutamente zero possibilità che l’utente
dirò oh questo software è davvero
grande scommetto che lo sviluppatore che ha usato
aveva un grande editore ed è per questo
è così bello ma sai cosa potrebbe
sii divertente e anche se stai guardando I
Immagina che potrebbe essere divertente
voi gente e sapete che sono solo eccitato
a riguardo sì sì, sapete, facciamo un codice
l’editore Rob mi ha permesso di mostrarti quello che ho
costruito così lontano perché ho speso
parecchie ore con questo già ah
quindi fammi iniziare NPM
forse dovrei aumentare le dimensioni di
tutte le cose qui in modo che tu veda
correttamente questo è bene forse ah così lasciatemi
eseguire NPM start Sto usando Visual Studio
il codice per questo progetto potrebbe essere
interessante vedremo oh mio dio che ho costruito
un’app che dice ciao effettivamente
un po ‘di più lasciami andare a questo
spazi dei nomi e vieni carichiamo e
ecco lo spazio dei nomi predefinito in
playbook predefinito mmm cos’è un playbook
oh ok
quindi il playbook è dove si trova l’editor
quindi non ho effettivamente costruito un editor
e l’editore non è quello che stiamo costruendo noi
stai costruendo un violino che conosci così
è un po ‘ispirato dalle cose
piace
in pratica è un piccolo spazio sul web
dove puoi eseguire JavaScript che ti codifica
può inviare quel link ad altre persone
spesso mi trovo a usare jsfiddle e e
altri violini ma come puoi vedere
in questo senso molti di voi sanno di crudeltà
interfaccia ci sono molte distrazioni
e anche a me non interessa molto il Dom
ad essere onesto non ho bisogno di non averne bisogno
Dom voglio solo JavaScript in generale
quando io quando faccio queste cose come queste
quattro cose sembrano un po ‘superflue
io ultimamente ho anche incontrato qualcosa
chiamato Giove è come un gioco di parole su
Jupiter plus Python Penso che sia anche
indicato come il playbook ipython I
non posso mostrarlo facilmente, sfortunatamente
perché sono generalmente ospitate cose
e non ci sono libri di gioco di Python
disponibile online velocemente ma è così
fondamentalmente questo si creano segmenti di
codice e li valuti in linea e
ottieni sotto ogni segmento che valuta
cosa è l’output e puoi farlo
creare nuovi segmenti e sorta di creare
così questa storia di codice che
esegue e puoi anche aggiungere blocchi di
markdown tra poche settimane indietro I
ha fatto un episodio alla programmazione della vigilia
linguaggio ed è molto
ispirato al playbook ipython è
super bello quando stai maneggiando dati
perché inizi con qualche grosso blob
di dati e poi tu
Mi piace girare questo in modi diversi e
alla fine ne rendi alcuni belli
diagrammi e puoi seguirlo in a
fluire in esso è un modo molto carino di
programmazione penso almeno in questo
caso specifico volevo quindi provare a fare un
Playbook JavaScript
in fondo e questo è un po ‘quello che io
costruito
finora si ha questi segmenti queste
sono 1 2 3 4 5 segmenti che non ho aggiunto
funzionalità per eliminarli ancora
ma se lo faccio per esempio 45 + 8 D 9
e premo il comando R per entrare e farlo
valuta immediatamente in linea che vedi
qui sono in giro puoi anche selezionare
segmenti e io posso far apparire questo
comandante che ha solo un comando come
finora immagino che questo sia qualcosa
questo è un po ‘ come la cosa che
appare quando premi il comando P in Adam
o Visual Studio per quella materia non è
non venire su P il suo turno di comando P e
puoi scrivere cose come aggiungere commenti alla linea
o rimuovere il trailing finale
lo spazio bianco ad esempio mi piace molto
quell’idioma di comandare un editore
perché non riesco a ricordare un tasto di scelta rapida per
la vita di me così ora ho appena avuto
un comando finora in questo editor
ma immagino che ce ne saranno molti
e puoi completare automaticamente qui o
qualcosa ma se scelgo l’add new
segmento che faccio premendo Enter a
il nuovo segmento verrà aggiunto alla fine
qui pulisco e posso fare cose nuove e così
puoi anche sapere che è un JavaScript
è un ambiente JavaScript così oggi io
intenzione di fare un po ‘di progresso
su questo progetto
e e che il progresso sarà
cancellazione segmenti segmenti fugaci
questo è il nostro obiettivo per
oggi e per segmenti intendo questi
cose che sto selezionando ora ho il
capacità di selezionarli ma non
effettivamente li cancellano prima di farlo
anche se voglio solo ottenere un po ‘
riscaldare e correggere questo fatto che c’è
nessun margine qui che è fastidioso il
diavolo, sto per chiudere questo
fare perché ce ne sono così tanti
distrazioni in esso e ho intenzione di
scorri anche io mi chiedo dove siano i margini
per quello va bene andremo a
play editor di gioco punto J s così come lo vedi io
Sto usando reagire per questo progetto sono anche
sperimentando con una faccia questo viso
tipo di sistema chiamato flusso come potresti
so che sono una persona che non sono un super
grande fan dei tipi, ma mi piace dare loro
una possibilità di tanto in tanto, soprattutto quando a
il nuovo tipo di sistema arriva sulla scena
guarda come ci si sente
il flusso è stato abbastanza bello in questo
progetto ma alla fine sono attualmente
nel processo di rimozione perché io
non credo che in realtà aggiunga di più
valore per il progetto rispetto alla seccatura
aggiunge è vicino ma mi sento come
è uno strumento in più nel progetto e
sta arrivando sulla mia strada, così siamo
rimuovendolo fammelo fare ora
in realtà prima di fare qualsiasi altra cosa io sia
andando a rimuovere il flusso che ho intenzione di rimuovere
queste definizioni di flusso stretto
scorrendo verso il basso abbiamo più flusso
le definizioni dei tipi qui qui sono una mossa
va bene, tutti mi lasciano
commit che ottiene che ottiene aggiungere SRC
gioca il carattere dell’etichetta punto J e git
messaggio di commit
shrim une flow dall’editor di lavoro a ciao
papà vieni su J uno dei pochi tasti di scelta rapida
ho imparato in studio visivo tranne che per
il comando spinge P a indietro
compito a portata di mano vogliamo rimuovere questo o
aggiungi un po ‘di margine qui per fare
è più facile vedere i segmenti così è
la funzione di rendere in reagire se siete
non ho familiarità con reagire il suo dio oh sono
non andare a spiegare reagire bisogna
leggilo su da qualche altra parte , ma questo
è come viene reso e renderizzato
viene eseguito non appena qualsiasi cosa
cambia e lo rende solo
dichiarativo
quindi tutto ciò che dobbiamo fare è aggiungere un po ‘di stile
qui e sarà aggiornato ora sembra
come se avessi incapsulato il segmento D
editor in un componente di reazione qui e
così ora sto pensando qui tizio fuori dal
pensando che forse dovrei aggiungere il
margine all’interno dell’editor di segmenti
alternativa perché sto solo mappando
segmentare ID qui e restituire un segmento
editore per ogni ID, quindi comunque
potrebbe aggiungere il margine all’interno del
editor di segmenti o potrei aggiungerlo a
wrapper al di fuori di questo e aggiungere il
margine sai cosa aggiungeremo
lasciatemi nell’editor di segmenti
entra nell’editor di segmenti e solo
nascondi il sito o come lo fai io
vuoi il tasto Alt per nasconderti nella barra laterale
ginocchiera barra laterale si accende battere oh che
simpatico
andiamo significa che potrei ricordarlo
hotkey okay e andiamo a trovare questo
stile di credo che sia qui che potresti
notare che non sto usando molto
le classi qui sto solo usando i dati
contenitore o dati attivi e dati
controlli per identificare queste cose nel mio
test di unità I questi sono
quello che seleziono il parleremo di unità
prova più tardi amico sto usando questi e
non classi CSS perché mi sento come CSS
classi di vestiti di classe classi sono per
styling e potrei voler cambiare quelli
in futuro ma come questi riferimenti
contenitore di dati sono destinati a essere gentili
di come una specie di API per i test
interagire con così non cambio sono molto
attento a cambiare questi e quello
mi permette di cambiare classi e cose o
altre cose sono abbastanza lunghe
queste cose sono ancora lì e
fare riferimento a ciò che dicono di riferire
ad esso in modo che questo si riferisca sempre a
il contenitore fino ai test
sono preoccupato anche io uso molto in linea
Gli stili qui sono qualcosa che sono
sperimentando con non sono sicuro di ciò che provo
come mi sento al riguardo
ah è certamente molto più bello avere
solo JavaScript che manipola il
Stili è molto bello che sia giusto
JavaScript e io non dobbiamo contestualizzare
che nel mio cervello tra meno o meno
o qualsiasi cosa è solo un oggetto che è
viene quindi reso a uno stile in linea è
è molto facile ragionare su e
è molto facile comporre stili di composizione
anche io potrei farlo solo se volessi
istanza immagine tutto ciò che vedi qui come
questo è variabile e lo sto riutilizzando
tra questi stili e qui sto aggiungendo
loro insieme è solo molto
bello ma un lato di usare in linea
Stili sei tu se sto ispezionando
questo e lalalalala vedete qui che io
ecco gli stili in linea e questo è
bello e tutto ma se questo elemento avesse un
Classe CSS che sarebbe in grado di identificarlo
molto rapidamente ho potuto vederlo hey questo è
Il container
così il contenitore di dati attributo anche
serve a quello scopo per permettermi di
rapidamente vedere che diavolo questo elemento
è senza ciò che guarda attentamente il
styling e deducendolo da quello
comunque questo è un segno, lasciami chiudere
e lascia che aggiunga quel cazzo di margine
margine inferiore ma boom bot bottom mio dio
Posso digitare i bambini se riesci a digitare no
lascia che ti impedisca di diventare un
programmatore non ho potuto digitare per merda
e guarda dove sto facendo video sul
Internet lascia ancora 20 pixel ah sì
deve essere un ceppo o reagire sarà
arrabbiato vederlo ricarica vero oh che sembra
bello spazioso e come tutta quella stanza
pensa che io sono contenta di 20
pixel commettiamo che vieni su Shay
fai apparire il DVD hard EDD integrato
terminale e ottengo lo stato del segmento
l’editor è stato modificato e io ottengo un
SRC
un editor di segmenti dot tjs git commit
ha aggiunto un po ‘lupo marciare su
contenitore del segmento
cuccetta sì ah non commettere no che non
esiste che è vero cambiamento di git commit
fissando il margine che era un bene
warm-up ma non siamo qui per il fissaggio
i moduli che siamo qui per cancellare questo è
in realtà piuttosto buono per il mantenimento
focalizzare la scrittura e annotare normalmente I
basta fare un po ‘ post-it su
lavoro su cui deve concentrarsi
il compito a portata di mano, probabilmente devo fare
anche questo al lavoro piace fare un enorme culo
notando sì
in modo che non si ottiene inizio distratto
è il refactoring del refactoring
importante ma è anche un ottimo modo
di procrastinare quindi tendo a segmentare
il mio lavoro e prova a fare un po ‘di
progredire e poi premiarmi con
refactoring perché il refactoring è divertente
è per questo che lo fai per procrastinare
questo e il fatto che è il refactoring
qualcosa che immagino sia facile
controllo mi sembra oh sto facendo questo
solo per me e io controllo il
universo esattamente come lo voglio io
non è così quando stai risolvendo un bug
è di solito l’universo è solo così
non funziona e stai solo cercando di
lottando per scoprire che cosa è che
sta andando male ed è solo sulla tua strada
mentre un refactoring è molto di più
piacevole, perché è solo stai facendo
quello che vuoi in sostanza con il codice noi
potrebbe fare che poi un po ‘vedremo
comunque vieni
quindi aggiungiamo prima un comando mm-hmm
quindi un comando è attualmente aggiunto qui
Ho intenzione di spiegare come funzionano i comandi
in un po ‘ma solo diciamo
prima aggiungine uno per andare avanti
tema sta per essere una stringa così questi
sono stringhe in realtà sono solo costanti
ma per ora farò qualcosa
ah
e poi non gli dai un’etichetta?
elimina il segmento selezionato e sta andando
essere un avvitamento cancella il
segmento che va bene fa funzionare
io colpisco la fuga e vedo alzare il
chilometro e ora ha effettivamente
un segmento nel comandante
c’è un po ‘ di buggy grafico
qui che dobbiamo risolvere più tardi una volta
averlo
lavorare è sempre molto importante per
concentrarsi su come far funzionare una cosa prima
inizi a modificarlo se non lo fai tu
potrebbe finire per perdere un sacco di tempo
aggiustando qualcosa che potrebbe anche non esserlo
si potrebbe scoprire che è tutto
inutile farlo in primo luogo
o potresti scoprire che non lo è
possibile fare o si potrebbe trovare
fuori che lo stai facendo completamente
diversi e sono stati gli sforzi per lo styling
sai solo in cosa è così inutilmente
come defer modificare fino a quando in realtà
funziona tutta la catena, quindi premo
ENTRA qui per fare il comando si ok
quello non funziona che immagino sia
atteso, ma non siamo del tutto sicuri del perché
non funziona guardiamo nella console
okay, quindi ho alcuni messaggi di errore
sono davvero brutti al momento perché
sono adattati al test del nodo
ambiente in cui Io per lo più eseguito questi
le cose in un secondo momento sto andando a
rendere questi più carini per il per
funzionando nel browser ma per ora sono
li lascerai solo vedere questi
cose che in realtà sono colorazione CLI
cose così quando li eseguo nel
questo test avverrà in un ambiente di test del nodo
fai che queste cose siano i colori, ecco cosa
si sta vedendo in ogni caso così si dice che
non è stato possibile trovare il risponditore per messaggio
Madinah service a la caja, ecco questo
uno e ti stai chiedendo cosa
diavolo significa anche rispondente per a
messaggio okay e crea effetto bus cosa
è così il modo in cui ho impostato il
il sistema è che tutti comunicano
attraverso un effetto bus ed effetti sono
molto simile se hai usato Redux è
estremamente simile a azioni e azioni
i creatori davvero potresti chiederti perché non lo sono
stai usando Redux e mi sono semplicemente sentito come
questo progetto volevo
come Redux ma per questo progetto volevo
per vedere se potrei migliorare il concetto
un po ‘e fai qualcosa un po’
più semplice perché Redux mentre è al centro
è molto semplice tutto il tuo modo di usare
Redux la comunità è molto sai
plugin e metaprogrammazione e e
ci sono alcune cose con esso che io
sentire come ho potuto approvare questo modo
imbarazzante il mio piccolo dispatcher per
questo questo progetto è questo che sono questi
questi argomenti si riferiscono a questi sono effetto
argomenti effetto che sono le corde Sono
andando ad aggiungere un mi piace creare un nuovo comando
argomento prima facciamo quello che sto andando
vai agli argomenti del file
Dodge è nel comando e guarda
così è solo una costante, quindi sono
andando a copiare quello e modificare aggiungere
segmento per cancellare segmento e chiudere quella
e ora lo farò, quindi vengo
avviare i segmenti di eliminazione non ti preoccupare se
non stai seguendo completamente
è perché sarei impossibile
stai guardando qualcun altro programma
basta andare con il flusso ottengo un po ‘reagire
avviso di mancare un puntello chiave non lo faccio
sappi dove saremmo fatti, tu
So quello che sto per disprezzo che per
ora è solo un avvertimento che non lo farà
impatto su di me fammi chiudere e io sono
andando a far apparire il comandante e
cancella il segmento selezionato e scommetto oh
scusa ho aggiunto un S qui così cancella
segmento quindi fammi alzare il comandante
qui scappa e vai per eliminare selezionato
segmento e entrare e vedremo che ottenere
un risponditore non ha riscontrato errori
Non sono riuscito a trovare il risponditore per messaggio
elimina segmento yeah non abbiamo a
rispondente per questo ancora ho intenzione di aggiungere un
rispondendo a questa cosa lo facciamo
andando nei comandi e poi noi
avere un file di installazione e qui lo farò
vai a rispondere ai comandi
non eliminare i segmenti e si suppone
essere questi comandi otterrà un
ID segmento attivo che è andando sempre
essere una stringa così questo è ciò che
il messaggio deve corrispondere per essere inviato a questo
questo è gestore per così dire e
prende anche una funzione che prenderà
un messaggio
e ancora questo messaggio messaggio contiene
un ID segmento attivo e perdita cosa facciamo
non voglio fare con quello che vogliamo
elimina il segmento che sto utilizzando firebase
per questo e il modo di interagire con
Firebase sta inviando un altro effetto a
firebase e quindi l’effetto firebase
gli handler si occuperanno di questo così sono
andando a fare un invio e sarà
punto firebase non abbiamo una cancellazione
effetto nell’incendio in firebase noi
non hanno attuato che ancora abbiamo bisogno
questo o possiamo semplicemente impostarlo ora lasciami fare
Google un po ‘Firebase Docs
Riferimento API all’impostazione di Firebase b3 su
nessuna inversione alla cosa è eseguire firebase
okay impostando un valore di posizione per ora
essenzialmente rimuovere il nodo dal
struttura okay ma sai cosa allora
lo faremo perché così sarà
speriamo di salvarci dall’implementazione
un’altra cosa sul nostro modulo Firebase
che è bello mantiene la nostra API molto
più semplice e il nostro codice più facile da leggere
perché non c’è tanta roba sia
in modo tale che la base di Firebase accetti di prendere un
sai cosa ci permette di vedere cosa ci vuole
Vado dal dottore e
pietra che sì perché è così che loro
sono definiti e perché sono in essere
installato sul bus di creazione dell’effetto
per così dire questi ed effetto gestori
e ho intenzione di andare al punto effetti
Firebase e vedere come appaiono
Mi piace e vedo qui i capelli, risponderò all’inizio
disconnetti trova un segno che non siamo
cercando quel set di Firebase che risponda correttamente
prende una parte che è una stringa e
vuole anche un valore che può essere qualsiasi cosa
torniamo vogliamo dare questo piatto
così il modo in cui Firebase immagazzina le cose come in
questa struttura ad albero così segmenta o lascia
io ti mostro come loro immagazzinano realmente
Firebase quindi questo è il modo in cui sembra così
qui ci sono gli spazi dei nomi qui
giocare ai libri qui ai segmenti così
i segmenti sono fondamentalmente come questo albero di
di cose che contengono un corpo e questo
contiene un riferimento al playbook
questa è solo una stringa per il gioco
ID libro quindi si riferisce a questo qui
e memorizza anche nella cache i risultati così
che non è necessario rivalutarlo
tutto il tempo quindi questo è un nodo dell’albero
noi
che vogliamo eliminare, quindi quello che facciamo è
che il nostro percorso scolastico segna e il
ID segmento di passaggio passaggio app e quindi
il valore dovrebbe essere no , vediamo se questo
fa quello che ci aspettiamo che io sia così
Playbook e stiamo guardando che abbiamo
questo segmento selezionato I richiama il
comandante selezionare il segmento principale selezionare
il segmento e premere invio e
non ha funzionato otteniamo un po Oh non so leggere
corpo di proprietà di null cosa fa questo
significa anche interessante vediamo che sono
andando a controllare la console di Firebase
cos’è cancellato, lo penso davvero
è stato cancellato , in realtà ce ne sono due
cancellazioni che dobbiamo fare perché
il modo in cui funzioni di Firebase è quello
tutto è un albero giusto così quando tu
accedi a un nodo dell’albero tutto sotto quello
il nodo dell’albero è caricato e questo è anche il
il modo in cui il modello di accesso funziona così se tu
concedere l’accesso a un nodo albero anche tu
concedere l’accesso a tutti i nodi foglia sotto
quel nodo e per questo non lo fai
struttura questo come un grande albero dove piace
ci sono utenti in alto e poi quelli
gli utenti possiedono spazi dei nomi e tali utenti
Playbook e quelli Playbook possiedono
segmenti perché se solo ti causassimo
caricare un sacco di cose e farebbe
è davvero difficile per te controllare il
modello di accesso quindi questo è il metodo Firebase
di strutturare i dati una parte ingombrante di
questo è che devi averli
Relazioni a 2 vie quindi se vedi qui
sui libri di riproduzione del libro gioco ha anche un
segmenti albero o segmenti nodo che
contiene questi riferimenti così io
credo che questo è quello che abbiamo
cancellato e quindi ha ancora un riferimento
per l’ elemento e per l’albero e quello
è per questo che stiamo ottenendo che
errore nullo del corpo perché sta provando
per caricarlo ma non c’è un corpo per farlo
carica così solo andando a cancellare questo
manualmente qui e vedi se questo si risolve
errore per noi fammi rinfrescare a vederti ora
è andato quello che dobbiamo fare è che noi
bisogno di impostare quella cosa per sapere pure
e ho intenzione di inviare Firebase non impostare
uno e impostare il percorso e stiamo andando a
fai iniziare il playbook ok non ce l’ abbiamo
questo ancora non è che abbiamo bisogno del PlayBook
ID ID PlayBook o argomento chiave o chiamato
Firebase Penso di non sapere se noi
dovrebbe come chiamo qualcosa di sci e
alcune cose in questa cosa e io
dovrebbe probabilmente essere più coerente ma
al momento a volte mangio a volte
chiave e e vogliamo impostare che a
segmenti e vogliamo impostare l’attivo
anche l’ ID del segmento e solo il valore ma tu
so anche io voglio che questo dovrebbe essere uno
di quelle stringhe di cani o qualunque cosa sia
chiamato vedi qui come noi non abbiamo
PlayBook ID eppure così come possiamo ottenere che voi
Hwa dobbiamo effettivamente fare un firebase
Il centro firebase ottiene e noi stiamo andando
per il bello hai un percorso e
quello sarà un percorso di giochi no
scusate segmenti e punto ID segmento attivo
ora stiamo facendo qualcosa di sincrono
qui ho intenzione di usare la fantasia
aspetta che esista sapendo oh si
nella nuova cosa JavaScript allora sei
un lavandino di distanza e perché inviare questo
restituisce una promessa che si risolve nel
qualunque valore sia in questo punto
Firebase e io faccio un peso in modo che esso
risolve in una promessa, allora lo faremo
avere questo segmento di dati
oh ci sono degli errori dappertutto
qui perché siamo proprio nel mezzo
di caos se torniamo a Firebase
e controlliamo a proposito se lo sei
chiedendosi perché si chiama Bloomfield
questo è solo perché è così che io
scegli i nomi dei codici per i miei progetti prima di me
avere un buon nome per loro così come me
non fermarti a nominarli così io
basta andare alla lista di tutto il codice
nomi che Intel ha mai utilizzato per a
processore e ne seleziono uno a caso
da quella lista e finì per essere
Bloomfield questa volta è per questo che è
chiamato Bloomfield e comunque andiamo
scorrere verso il basso fino a un segmento AC qui a
segmento si riferisce al libro di gioco dal suo ID
qui così vogliamo fare l’ID di Play Book di Coms
questo sarà il punto dei dati del segmento
etichetta va bene che sembra buono in realtà io
voglio anche aspettare questo a questo
risolvi questa eliminazione per risolvere prima
prima di andare a cancellare il reale
segmento in modo che elimineremo questo
riferimento al segmento prima di noi
elimina il segmento attuale in questi
albero dei segmenti tutto bene vediamo come
questo sembra che sto per essere cancellato e
Apro il comando e seleziono poco
segmento e premere INVIO e lo è
cancellato ora, dobbiamo solo scrivere un po ‘
unit test per questo e abbiamo finito
ma prima di farlo ho intenzione di
consigliamo di un gioco da tavolo mi permetta di
introdurre
per te il sushi va così non è tecnicamente
un gioco da tavolo è un gioco di carte con
super adorabile sushi è estremamente veloce
giocare e impararlo non ha un
un sacco di profondità ma è uno di quei giochi
che tutti possano goderne, no
richiede molto la lettura così i bambini possono
giocare a sushi andare è un grande gioco
puoi giocare con una famiglia che non lo è
davvero tutto questo nei giochi da tavolo ma
sarà ancora divertirsi un sacco o per
giocare con i giocatori di gioco da tavolo esperienza
come se mi scaldassi prima di arrivare
in come il gioco principale o forse a
la fine della notte di gioco come abbiamo fatto noi
ieri quando tutti erano troppo ubriachi
e stanco di continuare a suonare l’altro
giochi come noi stavamo giocando così il sushi andare io
lo consiglio vivamente sushi andare non è un
sponsor di questo spettacolo o qualsiasi cosa io solo
come i giochi da tavolo e mi piace il sushi ma
se ti piacciono i giochi da tavolo e lo faresti
piace sostenere la funzione fun fun there
è un link affiliato di Amazon nel
descrizione dell’episodio che è possibile utilizzare
compra il tuo gioco da tavolo da sushi
gridare completo torna a codice va bene
la prima cosa che vogliamo fare è
scrivere un test per questa cosa lo facciamo
nel file di test dot di installazione per let’s
vedi installare dot whoops install dot j / s
vai a installare effetti comandi questo file
tensione come il test a proposito sono
scritto per scherzo perché vengono con
la creazione reagisce app che sono ancora
usando per questo progetto sono davvero
costringendomi a non usare
espellere perché voglio davvero portarmi le spalle
sulla potenza di usare lo stesso
dannata cosa che usano tutti gli altri
quindi stiamo andando a descrivere un po ‘
circa il segmento di piombo degli uccelli e al
tittie prendi il primo tee
okay, quindi descrivi comune è generato
una appena descritta
dichiarazione con alcune impostazioni principalmente
crea un effetto bus per noi conosci il
l’effetto era che invia tutto
e il principale perché lo scopo principale di
avere un effetto bus in primo luogo
è permettere a noi stessi di intercettare il
messaggi avanti e indietro invece di
chiamare le cose direttamente perché questo
ci consente di non dover prendere in giro nulla
quando collaudo quale è super bello e
Ti mostrerò quanto è facile
per affrontare così prima di tutto che siamo
andando a prendere la nostra strada e stiamo andando
installare in modo che l’installazione provenga da
installa il file in cui eravamo prima
dove abbiamo aggiunto questa risposta e
firebase e ottiene un che puoi vedere qui
dalla linea verde che questo è stato aggiunto
ma non ancora commesso in git e e
questo è il file che stiamo testando e noi
prende un autobus perché ha bisogno di installare
stesso su un autobus una specie di analisi
area perché prima di ogni necessità di prendere un
funzione e sappiamo che questo è
corretta
quindi stiamo andando a questo è il risultato finale
che vogliamo vogliamo che impostare il presente
segmento da sapere alla fine e lasciami
semplicemente lo hai fatto per eliminare il segmento
in firebase e questo sta per ora
chiameremo una funzione su get
bus e questo è uno dei motivi principali
Sono andato in uno dei principali miglioramenti
che ho voluto fare in cima alla
invio in redux perché mi sento come
per me la cosa più importante con
tutto lo rende facile da scrivere
unit test quindi voglio che aiutanti
rendere molto più facile per me farlo
quindi questo buzz ha un messaggio di asserzione
questo sarà probabilmente ribattezzato
inviare in futuro ma per ora è
ha chiamato un terzo messaggio e cosa fa
è che ci vuole un oggetto che dice
argomento e questo sarà firebase
set ho intenzione di fare un certo messaggio
guarda un po ‘di più come manda più tardi
e prende bene questi oggetti è
sta per essere percorso qui ddddd così come questo
oh sì e quindi c’è un attivo
segmento I D Creerò solo alcuni
tipo di dati di esempio qui con alcuni
ID del segmento che useremo per
analisi
o falso whoops
qualche ID zakat alla menta, quindi dobbiamo fingere
qualche input qui giusto che dovrebbe portare
a questo essere impostato su null
e va bene, quindi vogliamo inviare questo falso
messaggio dopo il dopo che abbiamo installato
quindi lascia che io lo copi
e così dopo l’installazione vogliamo
prendi l’autobus e vogliamo mandarlo
cosa giusta e l’ ID del segmento attivo
dovrebbe essere un ID di segmento questo sembra
come un caso, quindi creiamo un caso
descrivi un woo che ho avuto una sorta di
snippet lì penso che mmm I was Visual
Studio codice magico ma in entrambi i casi quando
cancella il segmento di lead c’mon viene inviato
e lo trasferirò qui e lo sono
andando a spostare questa affermazione dentro
del caso descrivo voglio chiamarlo
quando forse è dato ottenere così dato
che il comando di cancellazione è stato inviato e noi
invia il commento di cancellazione qui con il
dove l’ID del segmento attivo è un po ‘
ID segmento quindi questo è fondamentalmente ciò che il
il comandante manderà e noi siamo noi
ricreando questo qui perché questo è un
unit test che ci interessa in
testare solo il codice del segmento di rimozione così
non siamo noi non stiamo testando il tutto
cosa stiamo testando dato che il
il comandante invia la cosa giusta dell’annuncio
rimuove il codice del segmento di eliminazione dovrebbe fare
la cosa giusta ma questo codice non lo è
effettivamente testando il comandante
la cosa giusta che scriveremo a
prova per quello più tardi ma dato questo
dovrebbe eliminare il segmento in the in
Firebase e quindi affermiamo che dopo
quello che è successo cancellerà il
questo questo segmento qui il ciclo
e ID segmento attivo che non lo fa
esiste in questo contesto che è quello
questo è un ID di segmento perché
lo stiamo impostando qui e lo abbiamo dato
dovrei cancellare quella stessa cosa, facciamolo
cerchiamo di eseguire il test e di prova pm
piove piovendo piove, intendo io
Intendo dire che va bene, sta fallendo
okay non si vede mm-hmm
effetto sul set di base di firebase corrispondente così
questo è il messaggio di errore che passa da
affermare il messaggio e questo è questo è ciò che
Voglio che voglio queste cose che mi dicono
esattamente ciò che è sbagliato e mi dà suggerimenti
a quello che potrebbe essere l’errore, così dice
okay volevo vedere un set di basi di fuoco
su questo questi argomenti qui, ma io non sono
dicendo questo e qui ci sono alcuni paesi
Responder GERD che potrebbero aiutarti
e okay quindi c’è davvero un
risponditore per aggiungere un segmento che non lo è
questo ha senso la funzione di installazione
qui viene aggiunto un risponditore di segmento add
che non stiamo usando perché lo siamo
interessato solo al segmento principale
ci sono dei test qui per l’add
segmento che lo fa così sfortunatamente
questo non ci aiuta molto ma lo sappiamo
che va bene firebase non è set facciamo
guarda andare in installazione e dare un’occhiata
quindi la prima cosa è che siamo
in attesa di un segmento di eliminazione da inviare
e in realtà lo sappiamo scorrendo verso il basso
ah scorrendo qui che non c’è su
trigger responder per questi per voi vedere
quindi questo è stato probabilmente innescato cosa
Succede quindi che prendiamo il segmento
Io ID del segmento attivo che riceviamo e inviamo
che a Firebase prendi quello dal
database in modo che possiamo estrarre il
PlayBook ID più tardi qui, quindi abbiamo bisogno di
falso questa chiamata ho intenzione di copiare incolla
quello e ho intenzione di espandere questo
per ora prendiamo la risposta del punto del bus
punto Firebase ancora da fare e quando arriveremo
così che ho intenzione di ottenere quello dato a
restituire una promessa che risolve a
qualcosa torniamo per installare il J
come quello che si oh vogliamo qualcosa che
risolto attraverso un oggetto con a
proprietà playbook quindi dobbiamo fare
alcuni giocano ma la proprietà ne esce alcuni
ID Playbook e si risolverà in I’m
non chiudendolo correttamente, mettilo sopra
come va qui?
oh non sto chiudendo la risposta correttamente
va bene, mi piace molto , comunque
con creare reagisci app che è
ripetere costantemente il mio test non appena
i miei occhi salvano e questo mi dà molto
ciclo di feedback immediato veloce in esso noi
so davvero che ho così sono errori di sintassi
eccoci e i nostri test sono verdi
il che significa che ora lo siamo effettivamente
sembra che lo stia verificando
cancella il segmento nel database a
buon modo quando test unitari come questo
perché lo noti come se non lo fossi
piuttosto fare test prima io, ma che sto facendo
sviluppo basato su test, quindi mi piace un
un po ‘ di progresso e poi
verificare che funzioni nella vita reale e
poi mi fermo e scrivo alcune prove
verificare che il codice che ho scritto
continua a lavorare in futuro, penso che
questo è il modo più bello di fare TDD
perché è una specie di intuitivo
modo di trattare con loro ma ha il
svantaggio che potresti scrivere il
test sbagliati quindi è sempre bene
rompere intenzionalmente i test una volta
vai a provare a interrompere i test una volta che sono andati
verde
fammi fare quello che sto per andare a
installa e farò un refuso qui e io
ricevuto segnale vedi questo dovrebbe fallire ora si
ah fa freddo e io torno indietro
alla corretta implementazione e giusta
bene abbiamo un test che lo verifica
questo succede questo è un po ‘sorprendente
per me perché ho pensato che sarebbe questo
in realtà non essere eseguito perché non lo faccio
aspetto che questo possa sempre tornare perché noi
non aver nulla in attesa di questo fuoco
questo specifico firebase è impostato se io
basta fare un peso come questo non è così
conta davvero così che cosa forse
se devo assegnarlo a una variabile per
per fare qualcosa chiamiamolo pesce
questa volta Oh no
molto strano, forse ho creato un
Rispondi per questo e poi non rendertene conto
oh no, so cosa c’è che non va
beh, ho questa caratteristica sul bus
che ho intenzione di rimuovere per questo
motivo specifico è confuso
di default il bus uh ogni volta che qualcosa
si chiama che non ha un centinaio
per quando si sta eseguendo in un test che
restituisce solo una promessa che non lo farà mai
risolto o si risolve in null piuttosto
dispiace quindi ho questa caratteristica che
cambia di default
tu-tu-tu-tu-tu-tu non farlo lo farò
cambia quella predefinita in seguito, ma significa
passando attraverso l’app e fissando molto
di cose dopo
così il futuro refactoring BAM va bene ora
fallisce come mi aspettavo che andasse tutto bene
dovrebbe vedere un effetto sull’argomento
la base di fuoco va bene , non vede
l’effetto che vuoi
tuttavia elenca qui alcuni effetti
che in realtà è successo questo è un altro
motivo per cui mi piace questo che voglio avere
questo errore guida per me è così
mostrando che va bene questo effetto è successo
ma c’è non c’era risponditore per
così abbiamo bisogno di andare e prendere questo come
bene e gestiscilo nella nostra configurazione di prova
quindi ronzati e vuoi rispondere a quello
e incolla che in questo è così fastidioso
è bello , Flo cerca di essere utile
ma è davvero tutto nel modo in cui tutto
giusto, questo è ciò che vogliamo che stia andando
rispondere con niente in realtà è solo
a o risponde con qualche tipo di
promesso ma non abbiamo veramente a cuore
la risposta il cosa cosa ritorna
quindi lasciami solo promettere la risoluzione dei punti
e ah qualunque cosa si è appena risolta in no
perché tu sai questa cosa qui, noi solo
voglio aspettare che questo sia completato e
quindi procedere e queste cose non lo fanno
esistono nel nostro test ma sono solo questi
i valori di esempio che stiamo usando lo faranno
essere qualche ID playbook e alcuni segmenti ite
Koplow riceviamo un avvertimento oh sì, noi
ricevi un avvertimento perché non abbiamo un
rispondente per questo questo set finale qui
siamo dopo il fatto verificando che
era freddo ma quando viene effettivamente chiamato
fornirà un errore perché questo
non riesco a trovare un rispondente, quindi lo farò
un risponditore catch-all no che non funzionerà
perché noi non vogliamo tutti loro io sono
supponendo che tu conosci il gruppo di basi e noi
aspettarsi qualcosa su questa strada e ok
mi darà un errore qui
probabilmente perché sì questo sta per
dammi un errore perché ho dimenticato il
l’ultimo parametro e per rispondere deve essere a
funzione ho rinominato questo, ma ho dimenticato
per rinominare e rinominare questo, ma ho
da rispondere a rispondere ma ho dimenticato
per rinominare i messaggi di errore così sono
aggiungerò una richiamata qui
qui davvero non ti importa di cosa
ritorna sarà solo un vuoto
funzione di risponditore raffreddarlo sta passando
proviamo a romperlo un po ‘
un po ‘da qualche parte proviamo ad aggiungere un refuso
qui bomba bumper si rompe bene facciamo
prova ad aggiungere un refuso qui vedi se quello
si rompe si lo fa
prova prova il tipo di qui vedi se quello
si rompe sì fa bene questo è il
un metodo davvero a portata di mano quando sei
rivedere il codice e si sospetta che il
verifica che qualcuno abbia scritto o meno
probabilmente non testare nulla che puoi
inizia ad aggiungere errori di battitura casuali al file
codice e vedere se i test si interrompono e se
non ci sono due test necessari
miglioramento andiamo fino al playbook
editore non dobbiamo aggiungere molti test
qui perché l’intera cosa di prendere
il comandante che invia questi comandi
e saldatura sull’ID del segmento attivo
questo è già il codice che è sotto
prova con i comandi che questo è il codice
scritto per segmento di annunci quindi sarebbe giusto
essere superfluo scriverlo per eliminarlo
segmento anche noi non vogliamo un sacco di
test inutili nel nostro codice che è
solo corrotto per sostenere che vogliamo test
che sono preziosi, ma quello che vogliamo
assicurati che sia qui l’editor di libri di argilla
ha effettivamente superato il segmento di eliminazione
al comandante che questo è questo
peso andiamo ai test di editor di libri
il monaco che apre quei test scansiona
trovare da qualche parte per aggiungere che va bene abbiamo
un KC per mostrare il comandante nascosto è a
bit borderline da aggiungere qui perché questo
è in realtà interessato a questo
cosa sfocata che sta succedendo qui ma
noi siamo in grado di poter spremere in qui come
non dobbiamo essere i più disciplinati
le persone nel mondo ci trasmettono bene
sai cosa ho intenzione di fare come nuovo
descrivi il caso vuoto perché è così facile
è copia incolla questo qui e sto andando a
assegna o passa un Herto al
cancella l’uovo e ordina di venire onorare
Sto usando enzima qui e il modo in cui l’enzima
funziona come mmm fammi copiare pasta
un’altra dichiarazione di test qui un po ‘di
pepe tippity okay questo è lungo così tu
fai questi il wrapper è la cosa che
l’enzima ha reso a così sto andando solo
mostra come funziona il rendering dall’inizio
rendere e iniziare da qualche parte qui è
solo una semplice funzione di supporto, così fai
questo rendering superficiale o reagire
componenti ti rende solo un livello
non renderizza e sottocomponenti e tu
sì
questo è fondamentalmente sì il modo in cui esegui il rendering
un componente normale reagisce eccetto quello
ottieni questo albero falso che puoi fare a
tonnellate di operazioni e
zona è davvero utile così in realtà
il rendering reagisce ma puoi
ispezionalo in molti modi e tu
non hanno a che fare con esso che è un vero e proprio
browser e roba è solo un fantasma
j / s che è un dolore nel culo questo è
davvero bello lavorare con entrambi i modi così
questo oggetto wrapper che è la nostra cupola così
per parlare fammi tornare indietro e così
involucro trovare vogliamo ottenere il
il comandante ottiene bene gli oggetti di scena del comandante
lì e non ci interessa questo stile
in questo test vogliamo verificare che il
comandi e il secondo comando questo è
probabilmente andrò più tardi, ma è così
va bene perché sono test e quando test
break possiamo solo sistemarli
che quella cosa è un argomento in corso su tutto
giusto così l’argomento del secondo comando
puntelli di centro non ci aspettiamo che sia
i comandi punteggiano il segmento guida okay I
non ho ancora importato i comandi qui così io
ho bisogno di farlo, ciò significa che non l’ho fatto
prove scritte per aver superato questo piccolo
cosa in ah cattiva cattiva
così mi entrare oh questo è come lo faccio con
firebase quindi fammi importare comandi in
effetto top oh scusa
vieni vieni vieni Alice stop che
mamme di chiamata sbagliate da andiamo a fermare le uova
lasciami tornare indietro così ora il test
è Patrick, non abbiamo bisogno di questi ricci
parentesi
okay è passata, lasciamolo sfogare
assicurati che significhi passare
un’altra schermata qui questa tua pausa num
sì , potrebbe anche un buon governo
aggiungi un test per il segmento di annunci mentre sono
a questo e al segmento si accende – comandante
e quel secondo segmento oh sì è il
quello è sbagliato è il primo
segmento che dovrebbe sì va bene allora
è verde per cui ora abbiamo scritto i test
il nostro intero cambiamento e possiamo commetterlo
Facciamo in modo che lo stato veda cosa noi
avere qui
whoops molti cambiamenti ottengono e alcuni
cose non correlate che non voglio
commetti in modo da ottenere aggiungere editor di playbook SRC I
fare quel test sì, potrei cadere fantastico così
Aggiungo la parotite S o C e rubo la stella
whoops ora mi dispiace gli effetti RC delle chitarre
su sedersi sulla stella e venire su argomenti e noi
anche cambiato le basi del fuoco che cosa abbiamo ottenuto
Morte
oh mio dio cosa è tutto questo
balbetti ottenere come faccio prima io posso
ottenere se una fonte vede effetti base di fuoco
installato Oh Jess oh cool
Va bene, ho appena rimosso alcuni trailing
spazio vuoto non dobbiamo collegarlo
è quello che è giusto
Penso che sia tutto ciò che noi
volevo venire abbiamo aggiunto tutto
che volevamo impegnarci a mettere in scena così io
E ‘ancora possibile ottenere il supporto per l’aggiunta di commit
rimuovendo i segmenti otteniamo la spinta che abbiamo
completato, testato e impegnato
obiettivo che elimina segmenti boom se sei
nuovo a questo canale che hai appena
ho guardato un episodio di fun fun function
questo è uno spettacolo di programmazione settimanale e io
rilasciare nuovi episodi ogni lunedì
mattina Oh 800 GMT tempo era un let’s
codice lungo episodio ma lo faccio anche io
riflessioni in cui parlo di architettura
e lavorando in team e cose del genere
più cose software che puoi trovare a
playlist di quelli di Hugh
Sono MPJ fino al prossimo soggiorno Lunedi mattina
curioso
stai guardando la fun fun function ora
oggi sarà un po ‘diverso
episodio sarà un codice Let’s
episodio e si chiama let’s code an
editore e so cosa stai pensando
stai pensando che hey M PJ hai
ho sempre detto che sei un utensile
alcolizzato e che spendi troppo
tempo armeggiare con i tuoi strumenti perché sì
e stai vivendo questa lavorazione
alcolismo in questo momento di prima mano nel suo
è piena gloria costruire un editore
probabilmente il peggior tipo di assoluto
procrastinazione sviluppatore che puoi
forse è la costruzione di un editore
qualcosa che fai solo per il
beneficio dello sviluppatore c’è
assolutamente zero possibilità che l’utente
dirò oh questo software è davvero
grande scommetto che lo sviluppatore che ha usato
aveva un grande editore ed è per questo
è così bello ma sai cosa potrebbe
sii divertente e anche se stai guardando I
Immagina che potrebbe essere divertente
voi gente e sapete che sono solo eccitato
a riguardo sì sì, sapete, facciamo un codice
l’editore Rob mi ha permesso di mostrarti quello che ho
costruito così lontano perché ho speso
parecchie ore con questo già ah
quindi fammi iniziare NPM
forse dovrei aumentare le dimensioni di
tutte le cose qui in modo che tu veda
correttamente questo è bene forse ah così lasciatemi
eseguire NPM start Sto usando Visual Studio
il codice per questo progetto potrebbe essere
interessante vedremo oh mio dio che ho costruito
un’app che dice ciao effettivamente
un po ‘di più lasciami andare a questo
spazi dei nomi e vieni carichiamo e
ecco lo spazio dei nomi predefinito in
playbook predefinito mmm cos’è un playbook
oh ok
quindi il playbook è dove si trova l’editor
quindi non ho effettivamente costruito un editor
e l’editore non è quello che stiamo costruendo noi
stai costruendo un violino che conosci così
è un po ‘ispirato dalle cose
piace
in pratica è un piccolo spazio sul web
dove puoi eseguire JavaScript che ti codifica
può inviare quel link ad altre persone
spesso mi trovo a usare jsfiddle e e
altri violini ma come puoi vedere
in questo senso molti di voi sanno di crudeltà
interfaccia ci sono molte distrazioni
e anche a me non interessa molto il Dom
ad essere onesto non ho bisogno di non averne bisogno
Dom voglio solo JavaScript in generale
quando io quando faccio queste cose come queste
quattro cose sembrano un po ‘superflue
io ultimamente ho anche incontrato qualcosa
chiamato Giove è come un gioco di parole su
Jupiter plus Python Penso che sia anche
indicato come il playbook ipython I
non posso mostrarlo facilmente, sfortunatamente
perché sono generalmente ospitate cose
e non ci sono libri di gioco di Python
disponibile online velocemente ma è così
fondamentalmente questo si creano segmenti di
codice e li valuti in linea e
ottieni sotto ogni segmento che valuta
cosa è l’output e puoi farlo
creare nuovi segmenti e sorta di creare
così questa storia di codice che
esegue e puoi anche aggiungere blocchi di
markdown tra poche settimane indietro I
ha fatto un episodio alla programmazione della vigilia
linguaggio ed è molto
ispirato al playbook ipython è
super bello quando stai maneggiando dati
perché inizi con qualche grosso blob
di dati e poi tu
Mi piace girare questo in modi diversi e
alla fine ne rendi alcuni belli
diagrammi e puoi seguirlo in a
fluire in esso è un modo molto carino di
programmazione penso almeno in questo
caso specifico volevo quindi provare a fare un
Playbook JavaScript
in fondo e questo è un po ‘quello che io
costruito
finora si ha questi segmenti queste
sono 1 2 3 4 5 segmenti che non ho aggiunto
funzionalità per eliminarli ancora
ma se lo faccio per esempio 45 + 8 D 9
e premo il comando R per entrare e farlo
valuta immediatamente in linea che vedi
qui sono in giro puoi anche selezionare
segmenti e io posso far apparire questo
comandante che ha solo un comando come
finora immagino che questo sia qualcosa
questo è un po ‘ come la cosa che
appare quando premi il comando P in Adam
o Visual Studio per quella materia non è
non venire su P il suo turno di comando P e
puoi scrivere cose come aggiungere commenti alla linea
o rimuovere il trailing finale
lo spazio bianco ad esempio mi piace molto
quell’idioma di comandare un editore
perché non riesco a ricordare un tasto di scelta rapida per
la vita di me così ora ho appena avuto
un comando finora in questo editor
ma immagino che ce ne saranno molti
e puoi completare automaticamente qui o
qualcosa ma se scelgo l’add new
segmento che faccio premendo Enter a
il nuovo segmento verrà aggiunto alla fine
qui pulisco e posso fare cose nuove e così
puoi anche sapere che è un JavaScript
è un ambiente JavaScript così oggi io
intenzione di fare un po ‘di progresso
su questo progetto
e e che il progresso sarà
cancellazione segmenti segmenti fugaci
questo è il nostro obiettivo per
oggi e per segmenti intendo questi
cose che sto selezionando ora ho il
capacità di selezionarli ma non
effettivamente li cancellano prima di farlo
anche se voglio solo ottenere un po ‘
riscaldare e correggere questo fatto che c’è
nessun margine qui che è fastidioso il
diavolo, sto per chiudere questo
fare perché ce ne sono così tanti
distrazioni in esso e ho intenzione di
scorri anche io mi chiedo dove siano i margini
per quello va bene andremo a
play editor di gioco punto J s così come lo vedi io
Sto usando reagire per questo progetto sono anche
sperimentando con una faccia questo viso
tipo di sistema chiamato flusso come potresti
so che sono una persona che non sono un super
grande fan dei tipi, ma mi piace dare loro
una possibilità di tanto in tanto, soprattutto quando a
il nuovo tipo di sistema arriva sulla scena
guarda come ci si sente
il flusso è stato abbastanza bello in questo
progetto ma alla fine sono attualmente
nel processo di rimozione perché io
non credo che in realtà aggiunga di più
valore per il progetto rispetto alla seccatura
aggiunge è vicino ma mi sento come
è uno strumento in più nel progetto e
sta arrivando sulla mia strada, così siamo
rimuovendolo fammelo fare ora
in realtà prima di fare qualsiasi altra cosa io sia
andando a rimuovere il flusso che ho intenzione di rimuovere
queste definizioni di flusso stretto
scorrendo verso il basso abbiamo più flusso
le definizioni dei tipi qui qui sono una mossa
va bene, tutti mi lasciano
commit che ottiene che ottiene aggiungere SRC
gioca il carattere dell’etichetta punto J e git
messaggio di commit
shrim une flow dall’editor di lavoro a ciao
papà vieni su J uno dei pochi tasti di scelta rapida
ho imparato in studio visivo tranne che per
il comando spinge P a indietro
compito a portata di mano vogliamo rimuovere questo o
aggiungi un po ‘di margine qui per fare
è più facile vedere i segmenti così è
la funzione di rendere in reagire se siete
non ho familiarità con reagire il suo dio oh sono
non andare a spiegare reagire bisogna
leggilo su da qualche altra parte , ma questo
è come viene reso e renderizzato
viene eseguito non appena qualsiasi cosa
cambia e lo rende solo
dichiarativo
quindi tutto ciò che dobbiamo fare è aggiungere un po ‘di stile
qui e sarà aggiornato ora sembra
come se avessi incapsulato il segmento D
editor in un componente di reazione qui e
così ora sto pensando qui tizio fuori dal
pensando che forse dovrei aggiungere il
margine all’interno dell’editor di segmenti
alternativa perché sto solo mappando
segmentare ID qui e restituire un segmento
editore per ogni ID, quindi comunque
potrebbe aggiungere il margine all’interno del
editor di segmenti o potrei aggiungerlo a
wrapper al di fuori di questo e aggiungere il
margine sai cosa aggiungeremo
lasciatemi nell’editor di segmenti
entra nell’editor di segmenti e solo
nascondi il sito o come lo fai io
vuoi il tasto Alt per nasconderti nella barra laterale
ginocchiera barra laterale si accende battere oh che
simpatico
andiamo significa che potrei ricordarlo
hotkey okay e andiamo a trovare questo
stile di credo che sia qui che potresti
notare che non sto usando molto
le classi qui sto solo usando i dati
contenitore o dati attivi e dati
controlli per identificare queste cose nel mio
test di unità I questi sono
quello che seleziono il parleremo di unità
prova più tardi amico sto usando questi e
non classi CSS perché mi sento come CSS
classi di vestiti di classe classi sono per
styling e potrei voler cambiare quelli
in futuro ma come questi riferimenti
contenitore di dati sono destinati a essere gentili
di come una specie di API per i test
interagire con così non cambio sono molto
attento a cambiare questi e quello
mi permette di cambiare classi e cose o
altre cose sono abbastanza lunghe
queste cose sono ancora lì e
fare riferimento a ciò che dicono di riferire
ad esso in modo che questo si riferisca sempre a
il contenitore fino ai test
sono preoccupato anche io uso molto in linea
Gli stili qui sono qualcosa che sono
sperimentando con non sono sicuro di ciò che provo
come mi sento al riguardo
ah è certamente molto più bello avere
solo JavaScript che manipola il
Stili è molto bello che sia giusto
JavaScript e io non dobbiamo contestualizzare
che nel mio cervello tra meno o meno
o qualsiasi cosa è solo un oggetto che è
viene quindi reso a uno stile in linea è
è molto facile ragionare su e
è molto facile comporre stili di composizione
anche io potrei farlo solo se volessi
istanza immagine tutto ciò che vedi qui come
questo è variabile e lo sto riutilizzando
tra questi stili e qui sto aggiungendo
loro insieme è solo molto
bello ma un lato di usare in linea
Stili sei tu se sto ispezionando
questo e lalalalala vedete qui che io
ecco gli stili in linea e questo è
bello e tutto ma se questo elemento avesse un
Classe CSS che sarebbe in grado di identificarlo
molto rapidamente ho potuto vederlo hey questo è
Il container
così il contenitore di dati attributo anche
serve a quello scopo per permettermi di
rapidamente vedere che diavolo questo elemento
è senza ciò che guarda attentamente il
styling e deducendolo da quello
comunque questo è un segno, lasciami chiudere
e lascia che aggiunga quel cazzo di margine
margine inferiore ma boom bot bottom mio dio
Posso digitare i bambini se riesci a digitare no
lascia che ti impedisca di diventare un
programmatore non ho potuto digitare per merda
e guarda dove sto facendo video sul
Internet lascia ancora 20 pixel ah sì
deve essere un ceppo o reagire sarà
arrabbiato vederlo ricarica vero oh che sembra
bello spazioso e come tutta quella stanza
pensa che io sono contenta di 20
pixel commettiamo che vieni su Shay
fai apparire il DVD hard EDD integrato
terminale e ottengo lo stato del segmento
l’editor è stato modificato e io ottengo un
SRC
un editor di segmenti dot tjs git commit
ha aggiunto un po ‘lupo marciare su
contenitore del segmento
cuccetta sì ah non commettere no che non
esiste che è vero cambiamento di git commit
fissando il margine che era un bene
warm-up ma non siamo qui per il fissaggio
i moduli che siamo qui per cancellare questo è
in realtà piuttosto buono per il mantenimento
focalizzare la scrittura e annotare normalmente I
basta fare un po ‘ post-it su
lavoro su cui deve concentrarsi
il compito a portata di mano, probabilmente devo fare
anche questo al lavoro piace fare un enorme culo
notando sì
in modo che non si ottiene inizio distratto
è il refactoring del refactoring
importante ma è anche un ottimo modo
di procrastinare quindi tendo a segmentare
il mio lavoro e prova a fare un po ‘di
progredire e poi premiarmi con
refactoring perché il refactoring è divertente
è per questo che lo fai per procrastinare
questo e il fatto che è il refactoring
qualcosa che immagino sia facile
controllo mi sembra oh sto facendo questo
solo per me e io controllo il
universo esattamente come lo voglio io
non è così quando stai risolvendo un bug
è di solito l’universo è solo così
non funziona e stai solo cercando di
lottando per scoprire che cosa è che
sta andando male ed è solo sulla tua strada
mentre un refactoring è molto di più
piacevole, perché è solo stai facendo
quello che vuoi in sostanza con il codice noi
potrebbe fare che poi un po ‘vedremo
comunque vieni
quindi aggiungiamo prima un comando mm-hmm
quindi un comando è attualmente aggiunto qui
Ho intenzione di spiegare come funzionano i comandi
in un po ‘ma solo diciamo
prima aggiungine uno per andare avanti
tema sta per essere una stringa così questi
sono stringhe in realtà sono solo costanti
ma per ora farò qualcosa
ah
e poi non gli dai un’etichetta?
elimina il segmento selezionato e sta andando
essere un avvitamento cancella il
segmento che va bene fa funzionare
io colpisco la fuga e vedo alzare il
chilometro e ora ha effettivamente
un segmento nel comandante
c’è un po ‘ di buggy grafico
qui che dobbiamo risolvere più tardi una volta
averlo
lavorare è sempre molto importante per
concentrarsi su come far funzionare una cosa prima
inizi a modificarlo se non lo fai tu
potrebbe finire per perdere un sacco di tempo
aggiustando qualcosa che potrebbe anche non esserlo
si potrebbe scoprire che è tutto
inutile farlo in primo luogo
o potresti scoprire che non lo è
possibile fare o si potrebbe trovare
fuori che lo stai facendo completamente
diversi e sono stati gli sforzi per lo styling
sai solo in cosa è così inutilmente
come defer modificare fino a quando in realtà
funziona tutta la catena, quindi premo
ENTRA qui per fare il comando si ok
quello non funziona che immagino sia
atteso, ma non siamo del tutto sicuri del perché
non funziona guardiamo nella console
okay, quindi ho alcuni messaggi di errore
sono davvero brutti al momento perché
sono adattati al test del nodo
ambiente in cui Io per lo più eseguito questi
le cose in un secondo momento sto andando a
rendere questi più carini per il per
funzionando nel browser ma per ora sono
li lascerai solo vedere questi
cose che in realtà sono colorazione CLI
cose così quando li eseguo nel
questo test avverrà in un ambiente di test del nodo
fai che queste cose siano i colori, ecco cosa
si sta vedendo in ogni caso così si dice che
non è stato possibile trovare il risponditore per messaggio
Madinah service a la caja, ecco questo
uno e ti stai chiedendo cosa
diavolo significa anche rispondente per a
messaggio okay e crea effetto bus cosa
è così il modo in cui ho impostato il
il sistema è che tutti comunicano
attraverso un effetto bus ed effetti sono
molto simile se hai usato Redux è
estremamente simile a azioni e azioni
i creatori davvero potresti chiederti perché non lo sono
stai usando Redux e mi sono semplicemente sentito come
questo progetto volevo
come Redux ma per questo progetto volevo
per vedere se potrei migliorare il concetto
un po ‘e fai qualcosa un po’
più semplice perché Redux mentre è al centro
è molto semplice tutto il tuo modo di usare
Redux la comunità è molto sai
plugin e metaprogrammazione e e
ci sono alcune cose con esso che io
sentire come ho potuto approvare questo modo
imbarazzante il mio piccolo dispatcher per
questo questo progetto è questo che sono questi
questi argomenti si riferiscono a questi sono effetto
argomenti effetto che sono le corde Sono
andando ad aggiungere un mi piace creare un nuovo comando
argomento prima facciamo quello che sto andando
vai agli argomenti del file
Dodge è nel comando e guarda
così è solo una costante, quindi sono
andando a copiare quello e modificare aggiungere
segmento per cancellare segmento e chiudere quella
e ora lo farò, quindi vengo
avviare i segmenti di eliminazione non ti preoccupare se
non stai seguendo completamente
è perché sarei impossibile
stai guardando qualcun altro programma
basta andare con il flusso ottengo un po ‘reagire
avviso di mancare un puntello chiave non lo faccio
sappi dove saremmo fatti, tu
So quello che sto per disprezzo che per
ora è solo un avvertimento che non lo farà
impatto su di me fammi chiudere e io sono
andando a far apparire il comandante e
cancella il segmento selezionato e scommetto oh
scusa ho aggiunto un S qui così cancella
segmento quindi fammi alzare il comandante
qui scappa e vai per eliminare selezionato
segmento e entrare e vedremo che ottenere
un risponditore non ha riscontrato errori
Non sono riuscito a trovare il risponditore per messaggio
elimina segmento yeah non abbiamo a
rispondente per questo ancora ho intenzione di aggiungere un
rispondendo a questa cosa lo facciamo
andando nei comandi e poi noi
avere un file di installazione e qui lo farò
vai a rispondere ai comandi
non eliminare i segmenti e si suppone
essere questi comandi otterrà un
ID segmento attivo che è andando sempre
essere una stringa così questo è ciò che
il messaggio deve corrispondere per essere inviato a questo
questo è gestore per così dire e
prende anche una funzione che prenderà
un messaggio
e ancora questo messaggio messaggio contiene
un ID segmento attivo e perdita cosa facciamo
non voglio fare con quello che vogliamo
elimina il segmento che sto utilizzando firebase
per questo e il modo di interagire con
Firebase sta inviando un altro effetto a
firebase e quindi l’effetto firebase
gli handler si occuperanno di questo così sono
andando a fare un invio e sarà
punto firebase non abbiamo una cancellazione
effetto nell’incendio in firebase noi
non hanno attuato che ancora abbiamo bisogno
questo o possiamo semplicemente impostarlo ora lasciami fare
Google un po ‘Firebase Docs
Riferimento API all’impostazione di Firebase b3 su
nessuna inversione alla cosa è eseguire firebase
okay impostando un valore di posizione per ora
essenzialmente rimuovere il nodo dal
struttura okay ma sai cosa allora
lo faremo perché così sarà
speriamo di salvarci dall’implementazione
un’altra cosa sul nostro modulo Firebase
che è bello mantiene la nostra API molto
più semplice e il nostro codice più facile da leggere
perché non c’è tanta roba sia
in modo tale che la base di Firebase accetti di prendere un
sai cosa ci permette di vedere cosa ci vuole
Vado dal dottore e
pietra che sì perché è così che loro
sono definiti e perché sono in essere
installato sul bus di creazione dell’effetto
per così dire questi ed effetto gestori
e ho intenzione di andare al punto effetti
Firebase e vedere come appaiono
Mi piace e vedo qui i capelli, risponderò all’inizio
disconnetti trova un segno che non siamo
cercando quel set di Firebase che risponda correttamente
prende una parte che è una stringa e
vuole anche un valore che può essere qualsiasi cosa
torniamo vogliamo dare questo piatto
così il modo in cui Firebase immagazzina le cose come in
questa struttura ad albero così segmenta o lascia
io ti mostro come loro immagazzinano realmente
Firebase quindi questo è il modo in cui sembra così
qui ci sono gli spazi dei nomi qui
giocare ai libri qui ai segmenti così
i segmenti sono fondamentalmente come questo albero di
di cose che contengono un corpo e questo
contiene un riferimento al playbook
questa è solo una stringa per il gioco
ID libro quindi si riferisce a questo qui
e memorizza anche nella cache i risultati così
che non è necessario rivalutarlo
tutto il tempo quindi questo è un nodo dell’albero
noi
che vogliamo eliminare, quindi quello che facciamo è
che il nostro percorso scolastico segna e il
ID segmento di passaggio passaggio app e quindi
il valore dovrebbe essere no , vediamo se questo
fa quello che ci aspettiamo che io sia così
Playbook e stiamo guardando che abbiamo
questo segmento selezionato I richiama il
comandante selezionare il segmento principale selezionare
il segmento e premere invio e
non ha funzionato otteniamo un po Oh non so leggere
corpo di proprietà di null cosa fa questo
significa anche interessante vediamo che sono
andando a controllare la console di Firebase
cos’è cancellato, lo penso davvero
è stato cancellato , in realtà ce ne sono due
cancellazioni che dobbiamo fare perché
il modo in cui funzioni di Firebase è quello
tutto è un albero giusto così quando tu
accedi a un nodo dell’albero tutto sotto quello
il nodo dell’albero è caricato e questo è anche il
il modo in cui il modello di accesso funziona così se tu
concedere l’accesso a un nodo albero anche tu
concedere l’accesso a tutti i nodi foglia sotto
quel nodo e per questo non lo fai
struttura questo come un grande albero dove piace
ci sono utenti in alto e poi quelli
gli utenti possiedono spazi dei nomi e tali utenti
Playbook e quelli Playbook possiedono
segmenti perché se solo ti causassimo
caricare un sacco di cose e farebbe
è davvero difficile per te controllare il
modello di accesso quindi questo è il metodo Firebase
di strutturare i dati una parte ingombrante di
questo è che devi averli
Relazioni a 2 vie quindi se vedi qui
sui libri di riproduzione del libro gioco ha anche un
segmenti albero o segmenti nodo che
contiene questi riferimenti così io
credo che questo è quello che abbiamo
cancellato e quindi ha ancora un riferimento
per l’ elemento e per l’albero e quello
è per questo che stiamo ottenendo che
errore nullo del corpo perché sta provando
per caricarlo ma non c’è un corpo per farlo
carica così solo andando a cancellare questo
manualmente qui e vedi se questo si risolve
errore per noi fammi rinfrescare a vederti ora
è andato quello che dobbiamo fare è che noi
bisogno di impostare quella cosa per sapere pure
e ho intenzione di inviare Firebase non impostare
uno e impostare il percorso e stiamo andando a
fai iniziare il playbook ok non ce l’ abbiamo
questo ancora non è che abbiamo bisogno del PlayBook
ID ID PlayBook o argomento chiave o chiamato
Firebase Penso di non sapere se noi
dovrebbe come chiamo qualcosa di sci e
alcune cose in questa cosa e io
dovrebbe probabilmente essere più coerente ma
al momento a volte mangio a volte
chiave e e vogliamo impostare che a
segmenti e vogliamo impostare l’attivo
anche l’ ID del segmento e solo il valore ma tu
so anche io voglio che questo dovrebbe essere uno
di quelle stringhe di cani o qualunque cosa sia
chiamato vedi qui come noi non abbiamo
PlayBook ID eppure così come possiamo ottenere che voi
Hwa dobbiamo effettivamente fare un firebase
Il centro firebase ottiene e noi stiamo andando
per il bello hai un percorso e
quello sarà un percorso di giochi no
scusate segmenti e punto ID segmento attivo
ora stiamo facendo qualcosa di sincrono
qui ho intenzione di usare la fantasia
aspetta che esista sapendo oh si
nella nuova cosa JavaScript allora sei
un lavandino di distanza e perché inviare questo
restituisce una promessa che si risolve nel
qualunque valore sia in questo punto
Firebase e io faccio un peso in modo che esso
risolve in una promessa, allora lo faremo
avere questo segmento di dati
oh ci sono degli errori dappertutto
qui perché siamo proprio nel mezzo
di caos se torniamo a Firebase
e controlliamo a proposito se lo sei
chiedendosi perché si chiama Bloomfield
questo è solo perché è così che io
scegli i nomi dei codici per i miei progetti prima di me
avere un buon nome per loro così come me
non fermarti a nominarli così io
basta andare alla lista di tutto il codice
nomi che Intel ha mai utilizzato per a
processore e ne seleziono uno a caso
da quella lista e finì per essere
Bloomfield questa volta è per questo che è
chiamato Bloomfield e comunque andiamo
scorrere verso il basso fino a un segmento AC qui a
segmento si riferisce al libro di gioco dal suo ID
qui così vogliamo fare l’ID di Play Book di Coms
questo sarà il punto dei dati del segmento
etichetta va bene che sembra buono in realtà io
voglio anche aspettare questo a questo
risolvi questa eliminazione per risolvere prima
prima di andare a cancellare il reale
segmento in modo che elimineremo questo
riferimento al segmento prima di noi
elimina il segmento attuale in questi
albero dei segmenti tutto bene vediamo come
questo sembra che sto per essere cancellato e
Apro il comando e seleziono poco
segmento e premere INVIO e lo è
cancellato ora, dobbiamo solo scrivere un po ‘
unit test per questo e abbiamo finito
ma prima di farlo ho intenzione di
consigliamo di un gioco da tavolo mi permetta di
introdurre
per te il sushi va così non è tecnicamente
un gioco da tavolo è un gioco di carte con
super adorabile sushi è estremamente veloce
giocare e impararlo non ha un
un sacco di profondità ma è uno di quei giochi
che tutti possano goderne, no
richiede molto la lettura così i bambini possono
giocare a sushi andare è un grande gioco
puoi giocare con una famiglia che non lo è
davvero tutto questo nei giochi da tavolo ma
sarà ancora divertirsi un sacco o per
giocare con i giocatori di gioco da tavolo esperienza
come se mi scaldassi prima di arrivare
in come il gioco principale o forse a
la fine della notte di gioco come abbiamo fatto noi
ieri quando tutti erano troppo ubriachi
e stanco di continuare a suonare l’altro
giochi come noi stavamo giocando così il sushi andare io
lo consiglio vivamente sushi andare non è un
sponsor di questo spettacolo o qualsiasi cosa io solo
come i giochi da tavolo e mi piace il sushi ma
se ti piacciono i giochi da tavolo e lo faresti
piace sostenere la funzione fun fun there
è un link affiliato di Amazon nel
descrizione dell’episodio che è possibile utilizzare
compra il tuo gioco da tavolo da sushi
gridare completo torna a codice va bene
la prima cosa che vogliamo fare è
scrivere un test per questa cosa lo facciamo
nel file di test dot di installazione per let’s
vedi installare dot whoops install dot j / s
vai a installare effetti comandi questo file
tensione come il test a proposito sono
scritto per scherzo perché vengono con
la creazione reagisce app che sono ancora
usando per questo progetto sono davvero
costringendomi a non usare
espellere perché voglio davvero portarmi le spalle
sulla potenza di usare lo stesso
dannata cosa che usano tutti gli altri
quindi stiamo andando a descrivere un po ‘
circa il segmento di piombo degli uccelli e al
tittie prendi il primo tee
okay, quindi descrivi comune è generato
una appena descritta
dichiarazione con alcune impostazioni principalmente
crea un effetto bus per noi conosci il
l’effetto era che invia tutto
e il principale perché lo scopo principale di
avere un effetto bus in primo luogo
è permettere a noi stessi di intercettare il
messaggi avanti e indietro invece di
chiamare le cose direttamente perché questo
ci consente di non dover prendere in giro nulla
quando collaudo quale è super bello e
Ti mostrerò quanto è facile
per affrontare così prima di tutto che siamo
andando a prendere la nostra strada e stiamo andando
installare in modo che l’installazione provenga da
installa il file in cui eravamo prima
dove abbiamo aggiunto questa risposta e
firebase e ottiene un che puoi vedere qui
dalla linea verde che questo è stato aggiunto
ma non ancora commesso in git e e
questo è il file che stiamo testando e noi
prende un autobus perché ha bisogno di installare
stesso su un autobus una specie di analisi
area perché prima di ogni necessità di prendere un
funzione e sappiamo che questo è
corretta
quindi stiamo andando a questo è il risultato finale
che vogliamo vogliamo che impostare il presente
segmento da sapere alla fine e lasciami
semplicemente lo hai fatto per eliminare il segmento
in firebase e questo sta per ora
chiameremo una funzione su get
bus e questo è uno dei motivi principali
Sono andato in uno dei principali miglioramenti
che ho voluto fare in cima alla
invio in redux perché mi sento come
per me la cosa più importante con
tutto lo rende facile da scrivere
unit test quindi voglio che aiutanti
rendere molto più facile per me farlo
quindi questo buzz ha un messaggio di asserzione
questo sarà probabilmente ribattezzato
inviare in futuro ma per ora è
ha chiamato un terzo messaggio e cosa fa
è che ci vuole un oggetto che dice
argomento e questo sarà firebase
set ho intenzione di fare un certo messaggio
guarda un po ‘di più come manda più tardi
e prende bene questi oggetti è
sta per essere percorso qui ddddd così come questo
oh sì e quindi c’è un attivo
segmento I D Creerò solo alcuni
tipo di dati di esempio qui con alcuni
ID del segmento che useremo per
analisi
o falso whoops
qualche ID zakat alla menta, quindi dobbiamo fingere
qualche input qui giusto che dovrebbe portare
a questo essere impostato su null
e va bene, quindi vogliamo inviare questo falso
messaggio dopo il dopo che abbiamo installato
quindi lascia che io lo copi
e così dopo l’installazione vogliamo
prendi l’autobus e vogliamo mandarlo
cosa giusta e l’ ID del segmento attivo
dovrebbe essere un ID di segmento questo sembra
come un caso, quindi creiamo un caso
descrivi un woo che ho avuto una sorta di
snippet lì penso che mmm I was Visual
Studio codice magico ma in entrambi i casi quando
cancella il segmento di lead c’mon viene inviato
e lo trasferirò qui e lo sono
andando a spostare questa affermazione dentro
del caso descrivo voglio chiamarlo
quando forse è dato ottenere così dato
che il comando di cancellazione è stato inviato e noi
invia il commento di cancellazione qui con il
dove l’ID del segmento attivo è un po ‘
ID segmento quindi questo è fondamentalmente ciò che il
il comandante manderà e noi siamo noi
ricreando questo qui perché questo è un
unit test che ci interessa in
testare solo il codice del segmento di rimozione così
non siamo noi non stiamo testando il tutto
cosa stiamo testando dato che il
il comandante invia la cosa giusta dell’annuncio
rimuove il codice del segmento di eliminazione dovrebbe fare
la cosa giusta ma questo codice non lo è
effettivamente testando il comandante
la cosa giusta che scriveremo a
prova per quello più tardi ma dato questo
dovrebbe eliminare il segmento in the in
Firebase e quindi affermiamo che dopo
quello che è successo cancellerà il
questo questo segmento qui il ciclo
e ID segmento attivo che non lo fa
esiste in questo contesto che è quello
questo è un ID di segmento perché
lo stiamo impostando qui e lo abbiamo dato
dovrei cancellare quella stessa cosa, facciamolo
cerchiamo di eseguire il test e di prova pm
piove piovendo piove, intendo io
Intendo dire che va bene, sta fallendo
okay non si vede mm-hmm
effetto sul set di base di firebase corrispondente così
questo è il messaggio di errore che passa da
affermare il messaggio e questo è questo è ciò che
Voglio che voglio queste cose che mi dicono
esattamente ciò che è sbagliato e mi dà suggerimenti
a quello che potrebbe essere l’errore, così dice
okay volevo vedere un set di basi di fuoco
su questo questi argomenti qui, ma io non sono
dicendo questo e qui ci sono alcuni paesi
Responder GERD che potrebbero aiutarti
e okay quindi c’è davvero un
risponditore per aggiungere un segmento che non lo è
questo ha senso la funzione di installazione
qui viene aggiunto un risponditore di segmento add
che non stiamo usando perché lo siamo
interessato solo al segmento principale
ci sono dei test qui per l’add
segmento che lo fa così sfortunatamente
questo non ci aiuta molto ma lo sappiamo
che va bene firebase non è set facciamo
guarda andare in installazione e dare un’occhiata
quindi la prima cosa è che siamo
in attesa di un segmento di eliminazione da inviare
e in realtà lo sappiamo scorrendo verso il basso
ah scorrendo qui che non c’è su
trigger responder per questi per voi vedere
quindi questo è stato probabilmente innescato cosa
Succede quindi che prendiamo il segmento
Io ID del segmento attivo che riceviamo e inviamo
che a Firebase prendi quello dal
database in modo che possiamo estrarre il
PlayBook ID più tardi qui, quindi abbiamo bisogno di
falso questa chiamata ho intenzione di copiare incolla
quello e ho intenzione di espandere questo
per ora prendiamo la risposta del punto del bus
punto Firebase ancora da fare e quando arriveremo
così che ho intenzione di ottenere quello dato a
restituire una promessa che risolve a
qualcosa torniamo per installare il J
come quello che si oh vogliamo qualcosa che
risolto attraverso un oggetto con a
proprietà playbook quindi dobbiamo fare
alcuni giocano ma la proprietà ne esce alcuni
ID Playbook e si risolverà in I’m
non chiudendolo correttamente, mettilo sopra
come va qui?
oh non sto chiudendo la risposta correttamente
va bene, mi piace molto , comunque
con creare reagisci app che è
ripetere costantemente il mio test non appena
i miei occhi salvano e questo mi dà molto
ciclo di feedback immediato veloce in esso noi
so davvero che ho così sono errori di sintassi
eccoci e i nostri test sono verdi
il che significa che ora lo siamo effettivamente
sembra che lo stia verificando
cancella il segmento nel database a
buon modo quando test unitari come questo
perché lo noti come se non lo fossi
piuttosto fare test prima io, ma che sto facendo
sviluppo basato su test, quindi mi piace un
un po ‘ di progresso e poi
verificare che funzioni nella vita reale e
poi mi fermo e scrivo alcune prove
verificare che il codice che ho scritto
continua a lavorare in futuro, penso che
questo è il modo più bello di fare TDD
perché è una specie di intuitivo
modo di trattare con loro ma ha il
svantaggio che potresti scrivere il
test sbagliati quindi è sempre bene
rompere intenzionalmente i test una volta
vai a provare a interrompere i test una volta che sono andati
verde
fammi fare quello che sto per andare a
installa e farò un refuso qui e io
ricevuto segnale vedi questo dovrebbe fallire ora si
ah fa freddo e io torno indietro
alla corretta implementazione e giusta
bene abbiamo un test che lo verifica
questo succede questo è un po ‘sorprendente
per me perché ho pensato che sarebbe questo
in realtà non essere eseguito perché non lo faccio
aspetto che questo possa sempre tornare perché noi
non aver nulla in attesa di questo fuoco
questo specifico firebase è impostato se io
basta fare un peso come questo non è così
conta davvero così che cosa forse
se devo assegnarlo a una variabile per
per fare qualcosa chiamiamolo pesce
questa volta Oh no
molto strano, forse ho creato un
Rispondi per questo e poi non rendertene conto
oh no, so cosa c’è che non va
beh, ho questa caratteristica sul bus
che ho intenzione di rimuovere per questo
motivo specifico è confuso
di default il bus uh ogni volta che qualcosa
si chiama che non ha un centinaio
per quando si sta eseguendo in un test che
restituisce solo una promessa che non lo farà mai
risolto o si risolve in null piuttosto
dispiace quindi ho questa caratteristica che
cambia di default
tu-tu-tu-tu-tu-tu non farlo lo farò
cambia quella predefinita in seguito, ma significa
passando attraverso l’app e fissando molto
di cose dopo
così il futuro refactoring BAM va bene ora
fallisce come mi aspettavo che andasse tutto bene
dovrebbe vedere un effetto sull’argomento
la base di fuoco va bene , non vede
l’effetto che vuoi
tuttavia elenca qui alcuni effetti
che in realtà è successo questo è un altro
motivo per cui mi piace questo che voglio avere
questo errore guida per me è così
mostrando che va bene questo effetto è successo
ma c’è non c’era risponditore per
così abbiamo bisogno di andare e prendere questo come
bene e gestiscilo nella nostra configurazione di prova
quindi ronzati e vuoi rispondere a quello
e incolla che in questo è così fastidioso
è bello , Flo cerca di essere utile
ma è davvero tutto nel modo in cui tutto
giusto, questo è ciò che vogliamo che stia andando
rispondere con niente in realtà è solo
a o risponde con qualche tipo di
promesso ma non abbiamo veramente a cuore
la risposta il cosa cosa ritorna
quindi lasciami solo promettere la risoluzione dei punti
e ah qualunque cosa si è appena risolta in no
perché tu sai questa cosa qui, noi solo
voglio aspettare che questo sia completato e
quindi procedere e queste cose non lo fanno
esistono nel nostro test ma sono solo questi
i valori di esempio che stiamo usando lo faranno
essere qualche ID playbook e alcuni segmenti ite
Koplow riceviamo un avvertimento oh sì, noi
ricevi un avvertimento perché non abbiamo un
rispondente per questo questo set finale qui
siamo dopo il fatto verificando che
era freddo ma quando viene effettivamente chiamato
fornirà un errore perché questo
non riesco a trovare un rispondente, quindi lo farò
un risponditore catch-all no che non funzionerà
perché noi non vogliamo tutti loro io sono
supponendo che tu conosci il gruppo di basi e noi
aspettarsi qualcosa su questa strada e ok
mi darà un errore qui
probabilmente perché sì questo sta per
dammi un errore perché ho dimenticato il
l’ultimo parametro e per rispondere deve essere a
funzione ho rinominato questo, ma ho dimenticato
per rinominare e rinominare questo, ma ho
da rispondere a rispondere ma ho dimenticato
per rinominare i messaggi di errore così sono
aggiungerò una richiamata qui
qui davvero non ti importa di cosa
ritorna sarà solo un vuoto
funzione di risponditore raffreddarlo sta passando
proviamo a romperlo un po ‘
un po ‘da qualche parte proviamo ad aggiungere un refuso
qui bomba bumper si rompe bene facciamo
prova ad aggiungere un refuso qui vedi se quello
si rompe si lo fa
prova prova il tipo di qui vedi se quello
si rompe sì fa bene questo è il
un metodo davvero a portata di mano quando sei
rivedere il codice e si sospetta che il
verifica che qualcuno abbia scritto o meno
probabilmente non testare nulla che puoi
inizia ad aggiungere errori di battitura casuali al file
codice e vedere se i test si interrompono e se
non ci sono due test necessari
miglioramento andiamo fino al playbook
editore non dobbiamo aggiungere molti test
qui perché l’intera cosa di prendere
il comandante che invia questi comandi
e saldatura sull’ID del segmento attivo
questo è già il codice che è sotto
prova con i comandi che questo è il codice
scritto per segmento di annunci quindi sarebbe giusto
essere superfluo scriverlo per eliminarlo
segmento anche noi non vogliamo un sacco di
test inutili nel nostro codice che è
solo corrotto per sostenere che vogliamo test
che sono preziosi, ma quello che vogliamo
assicurati che sia qui l’editor di libri di argilla
ha effettivamente superato il segmento di eliminazione
al comandante che questo è questo
peso andiamo ai test di editor di libri
il monaco che apre quei test scansiona
trovare da qualche parte per aggiungere che va bene abbiamo
un KC per mostrare il comandante nascosto è a
bit borderline da aggiungere qui perché questo
è in realtà interessato a questo
cosa sfocata che sta succedendo qui ma
noi siamo in grado di poter spremere in qui come
non dobbiamo essere i più disciplinati
le persone nel mondo ci trasmettono bene
sai cosa ho intenzione di fare come nuovo
descrivi il caso vuoto perché è così facile
è copia incolla questo qui e sto andando a
assegna o passa un Herto al
cancella l’uovo e ordina di venire onorare
Sto usando enzima qui e il modo in cui l’enzima
funziona come mmm fammi copiare pasta
un’altra dichiarazione di test qui un po ‘di
pepe tippity okay questo è lungo così tu
fai questi il wrapper è la cosa che
l’enzima ha reso a così sto andando solo
mostra come funziona il rendering dall’inizio
rendere e iniziare da qualche parte qui è
solo una semplice funzione di supporto, così fai
questo rendering superficiale o reagire
componenti ti rende solo un livello
non renderizza e sottocomponenti e tu
sì
questo è fondamentalmente sì il modo in cui esegui il rendering
un componente normale reagisce eccetto quello
ottieni questo albero falso che puoi fare a
tonnellate di operazioni e
zona è davvero utile così in realtà
il rendering reagisce ma puoi
ispezionalo in molti modi e tu
non hanno a che fare con esso che è un vero e proprio
browser e roba è solo un fantasma
j / s che è un dolore nel culo questo è
davvero bello lavorare con entrambi i modi così
questo oggetto wrapper che è la nostra cupola così
per parlare fammi tornare indietro e così
involucro trovare vogliamo ottenere il
il comandante ottiene bene gli oggetti di scena del comandante
lì e non ci interessa questo stile
in questo test vogliamo verificare che il
comandi e il secondo comando questo è
probabilmente andrò più tardi, ma è così
va bene perché sono test e quando test
break possiamo solo sistemarli
che quella cosa è un argomento in corso su tutto
giusto così l’argomento del secondo comando
puntelli di centro non ci aspettiamo che sia
i comandi punteggiano il segmento guida okay I
non ho ancora importato i comandi qui così io
ho bisogno di farlo, ciò significa che non l’ho fatto
prove scritte per aver superato questo piccolo
cosa in ah cattiva cattiva
così mi entrare oh questo è come lo faccio con
firebase quindi fammi importare comandi in
effetto top oh scusa
vieni vieni vieni Alice stop che
mamme di chiamata sbagliate da andiamo a fermare le uova
lasciami tornare indietro così ora il test
è Patrick, non abbiamo bisogno di questi ricci
parentesi
okay è passata, lasciamolo sfogare
assicurati che significhi passare
un’altra schermata qui questa tua pausa num
sì , potrebbe anche un buon governo
aggiungi un test per il segmento di annunci mentre sono
a questo e al segmento si accende – comandante
e quel secondo segmento oh sì è il
quello è sbagliato è il primo
segmento che dovrebbe sì va bene allora
è verde per cui ora abbiamo scritto i test
il nostro intero cambiamento e possiamo commetterlo
Facciamo in modo che lo stato veda cosa noi
avere qui
whoops molti cambiamenti ottengono e alcuni
cose non correlate che non voglio
commetti in modo da ottenere aggiungere editor di playbook SRC I
fare quel test sì, potrei cadere fantastico così
Aggiungo la parotite S o C e rubo la stella
whoops ora mi dispiace gli effetti RC delle chitarre
su sedersi sulla stella e venire su argomenti e noi
anche cambiato le basi del fuoco che cosa abbiamo ottenuto
Morte
oh mio dio cosa è tutto questo
balbetti ottenere come faccio prima io posso
ottenere se una fonte vede effetti base di fuoco
installato Oh Jess oh cool
Va bene, ho appena rimosso alcuni trailing
spazio vuoto non dobbiamo collegarlo
è quello che è giusto
Penso che sia tutto ciò che noi
volevo venire abbiamo aggiunto tutto
che volevamo impegnarci a mettere in scena così io
E ‘ancora possibile ottenere il supporto per l’aggiunta di commit
rimuovendo i segmenti otteniamo la spinta che abbiamo
completato, testato e impegnato
obiettivo che elimina segmenti boom se sei
nuovo a questo canale che hai appena
ho guardato un episodio di fun fun function
questo è uno spettacolo di programmazione settimanale e io
rilasciare nuovi episodi ogni lunedì
mattina Oh 800 GMT tempo era un let’s
codice lungo episodio ma lo faccio anche io
riflessioni in cui parlo di architettura
e lavorando in team e cose del genere
più cose software che puoi trovare a
playlist di quelli di Hugh
Sono MPJ fino al prossimo soggiorno Lunedi mattina
curioso
Please follow and like us: