Press "Enter" to skip to content

Hate-driven development – Let’s code an editor P4 – FunFunFunction #63


buon lunedì mattina ciao mmm PJ e tu
sto guardando divertente fun funzione che sto facendo
una serie di video chiamata let’s code e
editor è principalmente solo per divertimento e
in giro e la codifica roba, ma io
anche provare ad avere una squadra ogni volta questo
questa volta il tema che è sorto è l’odio
sviluppo guidato e cosa intendo
lo sviluppo guidato dall’odio è il luogo in cui ti metti
il tuo processo di sviluppo in modo che
è questo flusso costante di errori
questo ti sta guidando verso l’ odio guidato
lo sviluppo suona male ma e anche
è qualcosa che ho inventato perché
sarebbe divertente e clickbait ii ma è
è buono perché è l’opposto di
sviluppo dello sviluppo guidato dalla confusione
è molto più facile quando hai un
errore di andare avanti c’è ancora qualcosa
questa è un’eccezione o un errore o
come un errore di validazione è solo
dandovi un suggerimento su dove guardarlo
è molto soddisfacente è una bella bella
che bel modo di guardarlo è il modo
peggio se come la tua domanda solo
non funziona e non c’è errore
messaggio e non c’è alcun suggerimento su cosa
sta andando male che è il peggior tipo di
situazione in cui tu potresti essere dentro
noi non ho idea del perché questo sia
lavorando e non ho idea di dove sia
è ed è quello che penso che in questo
sessione che vedrai come me
davvero preso e sono davvero stato
davvero felice per questo è stato solo
costantemente un errore come me che lo aggiusta
e poi conducendo ad un altro ed è
solo mmm molto bella sensazione di avere dentro
la maggior parte dei casi è stato l’unit test
mi ha aiutato lungo la strada, ma anche es lint
integrato con lo studio visivo dà anche
un buon aiuto sulla strada da noi
redlining
le cose che o sono rotte mentre
stai scrivendo e sì diamo un’occhiata
a quello che inizia con il caffè
[Musica]
[Musica]
[Musica]
okay, lascia che ti ricordi dove siamo noi
eravamo l’ultima volta che abbiamo migrato questi
questi comandi qui a un nuovo bus noi
avere questa cosa chiamata boo sig che è
come una bella variante di questa unità testata
crea un effetto bus che era qualcosa
che ho scritto proprio come conseguenza di
l’applicazione ed è diventata così
parte importante dell’applicazione che
è un po ‘come il Central
Dispatch e II volevano che fosse sotto
prova quindi abbiamo riscritto quello in prima
episodio è possibile controllare là fuori c’è
lì, ma questa volta ci accingiamo a prendere
questo modulo Firebase e stiamo andando a
assicurati che funzioni sul nuovo
autobus eravamo in questo stato di transito che
ci stiamo trasferendo dal vecchio autobus al nuovo
autobus che è il nostro obiettivo oggi di muoversi
Firebase al nuovo bus guardiamo
all’interno di installazione non fare J s su okay
guarda qui nelle cartelle degli effetti che io
non c’è un aspetto Murray normalmente un file
punto test che contiene il test lungo
con con il file ma non abbiamo
che qui per Firebase e questo è
parzialmente perché sono pigro ma anche
perché firebase questo firebase
modulo qui non ne ha davvero
percorsi di codice oltre a quello solo per
istanza se vedi vediamo questo
Firebase osserva il giuramento tutto ciò che fa è
chiama questa cosa come se non ci fosse o se
ma o qualsiasi cosa c’è c’è solo un
single single path per questa cosa
trasforma
entra in un altro comando , è a
la cosiddetta facciata è l’unica ragione per cui
questo esiste affatto perché così
anche la cosa sarebbe molto ingombrante
ingombrante per deridere ha anche il
vantaggio che ci dà così tutto
i comandi sono conformi a un determinato formato
perché mi è capitato di riscriverli
nello stesso formato in cui API è un po ‘
sembra un po ‘lo stesso, ma il punto principale
è che questa cosa qui è come
testarlo non lo farebbe e tanto
potresti discutere bene come tutti
il metodo più complicato inizia come a
metodo molto semplice ma questo mai
diventerà più complicato è solo
una facciata per un’altra cosa che noi
non dovrei introdurre più codice qui sono
andando a cambiare questo in un nuovo formato e
Vedremo quindi di attraversare
linea per linea è quello che farò
questo è quello che farò
quindi la sintassi di invio è lo stesso
e questo non è cambiato in alcun modo
e rispondere a questo non esiste più
grazie comunque sono questi che non lo facciamo
avere questi eventuali filtri nel nel nuovo
bus abbiamo rimosso quel supporto o bene
non implementato in modo che assomiglino
questa interfaccia è molto simile quindi
Sto solo andando di nuovo questi sono stati
rimosso molte di queste cose vuote
diventando sempre più dubbioso sul mio
Sembra che API stia aggiungendo anche in questo modo
molto inutilmente e sarà così
ha gestito l’ha fatto fare e ho intenzione di
cambia per non battere questo e cambia questo
per essere in grado di spostare questo e ho intenzione di
cambia questo e rimuovi questo filtro come
bene quando guardo a questo come l’idea
con questi dovevano aggiungere un po ‘come a
tipizzazione semi forte quale sarebbe
utile bene mentre con l’api ma a
sii onesto, non sono nemmeno sicuro del perché
Li ho aggiunti perché NON sono un fan di
controlli di runtime o cose come questa e
quando li ho rimossi in questo modo
l’interfaccia non ha senso perché il
le cose filtro per questi come nel
effettivi gestori non li usi mai
Uso molto i filtri in uno
visualizzazione dei test unitari ma in pratica
i gestori non filtrano mai così
forse questa interfaccia di filtro dove io
può fare come meta roba e avere solo
quegli eventi potrebbero essere abbinati allora forse
dovrebbe essere una specie di speciale
cosa sì per sentire l’unità che è
forse una specie di maniglia solo io sono
pensando al futuro, dovrei solo assicurarmi
che passo attraverso questo refactoring e
è sempre molto emozionalmente quando
tu quando entri in questo refactoring
sentiero e tu oh mio dio questo è questo
molto più grande di quanto pensassi
non sono sicuro se questa fosse una buona idea se
si rivela essere una brutta cosa che possiamo
basta ripararlo perché stiamo lavorando a
ramo qui va bene vediamo
così installato OJ come questo è ora migrato
al nuovo al nuovo modello, okay
non era male
bene ma non lo sappiamo davvero
lavorato
questa è una parte sgradevole di questo mentre il
altre cose che abbiamo lavorato
con loro sono stati sotto unità così noi
può avere un qualche tipo di idea che sono
ancora funzionante ma questa cosa che ho appena fatto
questo completamente speculativo e da allora
loro stiamo cambiando una parte interna
dell’app non possiamo davvero provare questo in su
finché non ho trasferito tutto al nuovo
modello di autobus quindi questo è stato un po ‘ spaventoso oh
sì sì, speriamo che funzioni così andiamo
vedi qui la sandbox è la sandbox
il piccolo modulo che valuta
JavaScript per noi ah la la la questo è
anche sul vecchio bus vediamo che usa
risposta che viene sostituita con handle in
il nuovo bus ha anche questi tipi che
il nuovo bus non ha questo questo
ho fatto dei test su questo, ho deciso
per aggiungere prova anche se è è molto
semplice questo è parzialmente però perché
Anticipo questo per ottenere di più
codice in futuro perché questa cosa
la valutazione che fa sta per
essere gli errori di lancio più tardi e quegli errori
stanno per avere tracce di stack e quelli
le tracce dello stack saranno necessarie
analizzato da questo gestore e questo è
andando sicuramente avrà bisogno di qualche unità
test perché sarà molto
roba ingannevole quando rifatto le cose
sono sotto test è molto utile per
basta cambiare il codice e poi avere il
test di interruzione e correzione di ogni singolo test
questo è un bel modo di andare su di esso
perché questo significa che è una sorta di assegni
vediamo che i test NPM hanno un test
eseguire un sacco di errori è un po ‘
travolgente mi concentrerò solo su
uno come questo, prendiamo solo
questo dato il funk del male restituisce a
risultato produce il risultato come una proprietà
lasciami mangiare mangia mangiare mangia mangiare mangia
si mangia questo concentrarsi su di esso chiamando
e che ne dici di immergerlo per te
sì va bene buona fortuna risponditore per
sandbox dei messaggi esegue il tema del corpo corrispondente
si, beh, sì, stiamo usando questo vecchio
descrivi cosa comune qui questo è solo
per quello vecchio non ci interessa
stiamo per rimuovere solo quello e
invece stiamo andando a creare un nuovo bus
ma specificità e andiamo tutti alle importazioni
e poi avanti creare bus da credo
quello che Lucy penso sia giusto
oh no , non è quello che Lucy e io penso
è bello ma vediamo ancora, sì, lo sono
ancora chiamandolo grande bus riconoscente
ribaltamento stupido e invece del
installa che l’helper è chiamato bus
e sostituisci questo sostituiamo questo vedi tutto
giusto profumo fresco ma nessun conduttore trovato
okay, l’autobus qui dice che va bene
dicendo profumo ma nessun gestore trovato e
questo ciò che stiamo inviando ma non lo è
trovare un gestore per quella cosa
che è strano ho anticipato diamo
uno sguardo all’interno di installazione quindi okay sì
giusto che stiamo facendo ci siamo dimenticati di
rimuovi questa piccola cosa strana e quella
rovinerà il nostro bus in realtà è così
Sara ‘lo scorso ancora una volta va bene fresco Diamo
rimuovi la loro attenzione e tutto
passa se gestisco tutto e tutto okay
freddo
Voglio impegnarmi in questo stato ottenere così noi
cambiato firebase diciamo git commit
fire Bay Oh
prendi questo oh no è stato commettere P sì
va bene fare per farlo, siamo cambiati
Firebase per voler mettere in scena questo cambiamento
virus sì
dove siamo ora siamo questo è ancora
tutti i Firebase giusto si voglio palcoscenico
anche questo mmm
giusto questa è la roba sandbox che noi
volevo mettere in scena anche questo
cos’è questo è il test del
sandbox ecco alcune cose più in
test di sandbox Sto allungando quella stecca
date il gestore di base del fuoco e cinque giorni e
obbligo di fare sabbiatrice digitale a
nuovo autobus, il mio trattamento
bel risparmio che entra nella finestra
quale si aggiorna e si ottiene mpj push
no, non è stato così
va bene che spinge il ramo predefinito
che è padrone ma non siamo padroni
prendi il brunch con il poncho su cui andiamo
migrazione del bus, quindi vogliamo spingere il bus
migrazione
cool , procediamo con le scelte migliori dell’intera UI, non lo sono
sicuro se anche questo è usato
modo non abbiamo bisogno di migrare per il
scopi di questo questo la migliore migrazione
usa la neve si ancora usando il vecchio bus oh
Penso che possiamo solo cancellare questo mi dispiace
Sto andando e non ho più chiamato risposta
si chiama handle e tutte le esigenze di gestione
avere un oggetto filtro vuoto e il
filtro l’oggetto e sentito derubato
mi infastidisce devo fare qualcosa riguardo
quello dopo
oh e questo oggetto filtro non è necessario
bello e va bene lo sai che andiamo
fai un MP fai uno a sinistra ciò che è rimasto
cosa rimane se eseguo tutti i test loro
passami adesso , ci proverò
indossare il controllo della versione qui così
va tutto bene, lo farò
cancellerò il vecchio bus cancellarlo
l’ho fatto oggi mi sposto nel cestino per vedere cosa
si rompe il test di installazione della sandbox doo-doo-doo
J ass oh possiamo solo rimuovere questo perché
è come sistemiamo la sandbox in nessun modo
cosa sta succedendo qui oh siamo ancora
importando questo descriviamo noi no
più bisogno di questo in questo non siamo più
usandolo bonk sono sorpreso che visual
studio non ha preso quel blip blip blip
ok vediamo che abbiamo
un po ‘di roba da rompere il conto non lo faccio J
va bene così questi sono i reali reagire
componenti dal punto di vista di questi
RIA reagiscono le componenti che faranno
segui una specie di modello molto simile al flusso
dove è unidirezionale la reazione
i componenti non ascoltano mai il bus
come se fossero autorizzati a inviare
i messaggi e che stanno anche permesso di
inviare messaggi per osservare lo stato
cambia usando firebase ma il punto
è che non usano mai la risposta che è
qual è la cosa che è cambiata
altrimenti questa è l’unica cosa che
è cambiato sul nuovo sul nuovo bus
e il bus riscrive quindi stiamo solo passando
invia qui così dalla loro prospettiva
ipoteticamente il bus il nuovo autobus e
il bus O dovrebbe essere esattamente lo stesso
quindi speriamo che funzioni e descriva
[Musica]
oops tutto è confuso no
invia ma inizia a rispondere oh aspetta questo è un
completamente diverso è solo per noi
urlo c’è qualche duplicazione creata
qui ma sai di parlare spesso
attendere che sorgano molte duplicazioni
prima di generalizzarlo perché altrimenti
non vedrai davvero il caso generale
correttamente e finirai anche col fare
qualche cambiamento di implementazione confuso
maneggiamo e passeremo nei lotti degli autobus
e l’ autobus 15 non passa o ha bisogno di a
oggetto più veloce
un certo messaggio sembra carino
abbastanza bleep grazioso questo anche fatto un po ‘
ronzio bastardo mandaci la fornitura è no
piatti più lunghi mano oh e maneggia sempre
vuole un oggetto filtro ma Dibby Dibby
Dibby Dibby dupa dupa fare qui è il
gestire e questo è così eccitante
effettivamente sembra davvero bello vedere come
errori otteniamo bus dot un certo messaggio
non è una funzione , non la chiamiamo a
certo messaggio più oh fammi vedere
dentro il detto è freddo
oh lo chiamo , aspettatevi un test abbastanza giusto sì
100 questa è una cosa che davvero non faccio
come con reagisce creare reagire è quello
piace come fa qualche traduzione e
roba con bobble che è oh sono così
strappato a questo con traduzione perché su
da una parte ci dà tutti questi capricci
sei caratteristiche ma d’altra parte lo è
come se perdessimo tracce di stack che è così
cattivo
[Musica]
possiamo comunque capirlo in questo caso
certo messaggio no aspetta aspetta davvero
era la linea giusta, ah, sto solo sbraitando
per nessuna ragione
forse la cifra sempre stabilita mi meraviglia
se lo fa c’è un’altra affermazione
messaggio qui da qualche parte si salva risparmi
quindici raffreddare questo account per testare
questo è verde cosa andrebbe bene lo farò
devi premere a per eseguire tutti i test a-okay
bang bang bang bang bang non può trovare
creaci efficacemente da descrivere c’mon
Beh, va bene, abbiamo app jazz di prova, okay
cosa significa questo sembra a posto questo in
questo usa descrive anche noi comuni
lo rimuoverò e cambieremo
cambiarlo in normale descrivi e noi siamo
andando a fare fare fare così questo è un
autobus e autobus che non sta andando
per esistere qui dobbiamo importarlo
importare creare bus dall’ordine per vederlo
Facciamolo che mi concentrerò su uno
di questi in modo da non distrarci
non funzionano nemmeno e descrivono
non mi aspetto un parametro stupido oh, giusto
questo è effettivamente così è stato descritto :
prima e vedi qui questo diventa
osservato un callback di viaggio che è
in realtà proveniente da descrivere comuni
perché qui ho fatto questa cosa dove io
anticipato che questo sarebbe osservare HOF
essere sarebbe usato dappertutto con
perché è la posizione corrente del
barra di navigazione del browser ma è
in pratica è utilizzato solo all’interno dell’app così
lo metteremo dentro di questo
cosa e vedo qui anche questo
Wrapper qui ho intenzione di utilizzare e
sto creando l’autobus quassù e lo sono
andando a fare il basso anche qui
e abbiamo anche questo osservare un viaggio
cosa callback che stiamo facendo così sono
andando a mettere quello nel prima di ciascuno di
il grande descrive tutti loro stanno andando
per aver bisogno di questo
[Musica]
[Musica]
non ha un autobus quindi è necessario
Crea Crea ossa ora abbiamo bisogno di voi per
grazie, non lo fai, è giusto?
Voglio solo correre questi ah, smettere di correre
tutto questo a volte tutti i test lo sono
così stupido tempo attivo sì
descrivere non si aspetta un fatto
parametro oh sì
in realtà non è sempre fatto
parametro ma sono queste cose
è confusionario con parametri stupidi io sono
rimuovere quelli persi il mio ex reg non può
leggere correttamente per trovare non definito
Ho solo come puoi farlo funzionare
ci sono cose del genere, comunque, di cui abbiamo bisogno
per creare queste cose osserva una traccia
richiamare ciò che è questo è oh sì
è solo uh è solo una funzione o
voglio dire che è una variabile
a cui verrà assegnata una funzione e
è il capo oh ecco alcuni residui di flusso
lascerò lì per ora, così
non facciamo troppe cose contemporaneamente ma
Probabilmente rimuoverò il flusso da questo
project get observ h4f go back
quella era una cosa comune descritta giusta
ora dev’essere solo il modo in cui chiamiamo
te stesso un viaggio richiamare direttamente con
gli argomenti è molto più bello
più semplice da seguire senza metaprogrammazione
qui vediamo
ha fatto sì che il test fosse cambiato
in qualche modo questo focus non è così
lavoro penso oh sì, in realtà lo fa
prendiamo tre errori è così
fastidioso
tutto bene non può leggere la proprietà osservare
href o indefinito fino a soli diciannove anni
scegli tutto bene adesso questa importazione non lo è
lavorando vediamo come questo è supposto
lavorare
andiamo agli effetti util oh, ecco come
Funziona questo è qualcosa funziona questo
è così che dovremmo stare bene
che ora sta passando rimuoviamoli
tipo di focus di leggere finder di proprietà ma
quando navighiamo verso un playbook questo è cool
o ha rotto uno questo è solo l’osservare a
viaggio tutto ma oggigiorno e abbiamo il
boss in ambito non abbiamo bisogno di questo strano
non un programma di aiuto ed è okay
nessuno mette viola che vuole ora passare
Sto risparmiando
prendi il bus non è definito sulla linea 35, quindi
vedi qui che sto solo lasciando il
test fai il lavoro per me e un po ‘
di Visual Studio Splinter e basta
mi dice cosa fare tutto il tempo che non faccio
devo capire molte cose è solo
un flusso e questo è quando test-driven
lo sviluppo brilla davvero ti penso
può fare i refactoring in modo molto sicuro
a destra cinque percorsi sembrano app non SJS
Funziona con tutte le altre cose che sai cosa
Mi fermerò qui perché questo è un
ottimo posto dove fermarsi spesso quando si fa
programmare è difficile saperlo
un buon posto per uscire per il tuo giorno
sai trovare un buono come quando fa il lavoro
sessione fine e mi sento di fermarmi
a quando hai un test rotto è a
davvero un buon posto per farlo perché quello
significa che è molto facile da ottenere
in esso di nuovo solo ti mostra
esattamente ciò che è rotto e puoi iniziare
aggiustandolo e tu puoi entrare nel
stesso flusso che hai avuto dal tuo
l’ultima sessione quindi la prossima sessione lo so
esattamente quello che fai io eseguirò semplicemente il
prova e loro mi diranno che hai
ho visto un episodio di fun fun function I
rilasciare questi ogni lunedì mattina a
cuneo cento GMT se non vuoi
aspetta tanto che potresti voler controllare
questa playlist o questa playlist per
episodi che potresti non aver visto
si potrebbe anche voler seguire me sul
Twitter e dì ciao sono mpj fino al prossimo
Lunedì mattina resta curioso
Please follow and like us: