(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal 2. per project(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal 2. per project3. per filejsx(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal 2. per project(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal 2. per project3. per filejsxconst foo = () => "bar";foo();4. uitzonderingen voor een losse regeljsx// eslint-disable-next-line no-use-before-definevar thing = new Thing();Lees de documentatie van de linter die je gebruikt hoe je dit moet configureren.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal 2. per project(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal 2. per project3. per filejsx(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal 2. per project(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal 2. per project3. per filejsxconst foo = () => "bar";foo();4. uitzonderingen voor een losse regeljsx// eslint-disable-next-line no-use-before-definevar thing = new Thing();Lees de documentatie van de linter die je gebruikt hoe je dit moet configureren.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal 2. per project(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal 2. per project3. per filejsx(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal 2. per project(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal 2. per project3. per filejsxconst foo = () => "bar";foo();4. uitzonderingen voor een losse regeljsx// eslint-disable-next-line no-use-before-definevar thing = new Thing();Lees de documentatie van de linter die je gebruikt hoe je dit moet configureren.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal 2. per project(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal 2. per project3. per filejsx(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal 2. per project(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal 2. per project3. per filejsxconst foo = () => "bar";foo();4. uitzonderingen voor een losse regeljsx// eslint-disable-next-line no-use-before-definevar thing = new Thing();Lees de documentatie van de linter die je gebruikt hoe je dit moet configureren.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal 2. per project(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal 2. per project3. per filejsx(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal 2. per project(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal 2. per project3. per filejsxconst foo = () => "bar";foo();4. uitzonderingen voor een losse regeljsx// eslint-disable-next-line no-use-before-definevar thing = new Thing();Lees de documentatie van de linter die je gebruikt hoe je dit moet configureren.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal 2. per project(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal 2. per project3. per filejsx(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal 2. per project(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal 2. per project3. per filejsxconst foo = () => "bar";foo();4. uitzonderingen voor een losse regeljsx// eslint-disable-next-line no-use-before-definevar thing = new Thing();Lees de documentatie van de linter die je gebruikt hoe je dit moet configureren.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal 2. per project(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal 2. per project3. per filejsx(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal 2. per project(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal 2. per project3. per filejsxconst foo = () => "bar";foo();4. uitzonderingen voor een losse regeljsx// eslint-disable-next-line no-use-before-definevar thing = new Thing();Lees de documentatie van de linter die je gebruikt hoe je dit moet configureren.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal 2. per project(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal 2. per project3. per filejsx(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal 2. per project(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal 2. per project3. per filejsxconst foo = () => "bar";foo();4. uitzonderingen voor een losse regeljsx// eslint-disable-next-line no-use-before-definevar thing = new Thing();Lees de documentatie van de linter die je gebruikt hoe je dit moet configureren.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal 2. per project(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal 2. per project3. per filejsx(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal 2. per project(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal 2. per project3. per filejsxconst foo = () => "bar";foo();4. uitzonderingen voor een losse regeljsx// eslint-disable-next-line no-use-before-definevar thing = new Thing();Lees de documentatie van de linter die je gebruikt hoe je dit moet configureren.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal 2. per project(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal 2. per project3. per filejsx(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal 2. per project(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal 2. per project3. per filejsxconst foo = () => "bar";foo();4. uitzonderingen voor een losse regeljsx// eslint-disable-next-line no-use-before-definevar thing = new Thing();Lees de documentatie van de linter die je gebruikt hoe je dit moet configureren.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal 2. per project(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal 2. per project3. per filejsx(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal 2. per project(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal 2. per project3. per filejsxconst foo = () => "bar";foo();4. uitzonderingen voor een losse regeljsx// eslint-disable-next-line no-use-before-definevar thing = new Thing();Lees de documentatie van de linter die je gebruikt hoe je dit moet configureren.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal 2. per project(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal 2. per project3. per filejsx(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal 2. per project(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal 2. per project3. per filejsxconst foo = () => "bar";foo();4. uitzonderingen voor een losse regeljsx// eslint-disable-next-line no-use-before-definevar thing = new Thing();Lees de documentatie van de linter die je gebruikt hoe je dit moet configureren.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal 2. per project(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal 2. per project3. per filejsx(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal 2. per project(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal 2. per project3. per filejsxconst foo = () => "bar";foo();4. uitzonderingen voor een losse regeljsx// eslint-disable-next-line no-use-before-definevar thing = new Thing();Lees de documentatie van de linter die je gebruikt hoe je dit moet configureren.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal 2. per project(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal 2. per project3. per filejsx(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal 2. per project(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal 2. per project3. per filejsxconst foo = () => "bar";foo();4. uitzonderingen voor een losse regeljsx// eslint-disable-next-line no-use-before-definevar thing = new Thing();Lees de documentatie van de linter die je gebruikt hoe je dit moet configureren.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal 2. per project(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal 2. per project3. per filejsx(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal 2. per project(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal 2. per project3. per filejsxconst foo = () => "bar";foo();4. uitzonderingen voor een losse regeljsx// eslint-disable-next-line no-use-before-definevar thing = new Thing();Lees de documentatie van de linter die je gebruikt hoe je dit moet configureren.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal 2. per project(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_html.gif)CSS![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_css.gif)JavaScript![Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif](Formatters%20algemeen%2097b0562125d24ef489773efe24997352/formatter_js.gif)Je kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.![Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png](Linters%20algemeen%203123278abfa943c0abf6dab0f8c8f1a4/Untitled%201.png)Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of [tabs vs spaties](https://thenewstack.io/spaces-vs-tabs-a-20-year-debate-and-now-this-what-the-hell-is-wrong-with-go/).1. globaal 2. per project3. per filejsx(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal 2. per project(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindt(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.(niet te verwarren met linters)Een code-formatter is een klein programma dat je een stuk code geeft, het programma geeft je dezelfde code terug, maar dan beter "geformatteerd", je code zou er dus netter of meer gestructureerd uit moeten zien. En het werkt sowieso precies hetzelfde als de code die je in je formatter stopte.CSSJavaScriptJe kan deze formatters ook samen laten werken met je editor (VSCode bijvoorbeeld) zodat je code automatisch goed geindent wordt.- je code ziet er meteen consistenter uit (dat is goed voor het overzicht)- je hoeft niet meer te onthouden hoe je coding-stijl precies is- je hoeft je coding-stijl niet met de hand te bewerken- als je afspraken over stijl maakt met je collega's houdt iedereen zich hier automatisch aan als ze een formatter gebruiken- het kan zijn dat een formatter sommige keuzes maakt die je niet mooi vindtjsx$ jshint script.jsEr zijn echter ook extensies voor editors (zoals VSCode) waarmee je deze feedback over je code meteen krijgt, of zodra je op save drukt. De editor laat dan vaak zien waar er iets mis is met je code, onder de motorkap is het dan wel nog dat commandline programma dat de fouten herkent, je editor leest de output van dat programma en laat dat zien in je editor.Sommige linters zijn "opinionated", de makers zeggen dan eigenlijk "wij zetten een standaard en wij denken dat het goed is als iedereen zich daar aan houdt".Andere linters zijn uitgebreid configureerbaar. In de configuratie kun je bijvoorbeeld instellen dat je if-statement echt niet per sé curly braces moet hebben of dat een class nooit met een kleine letter mag beginnen.Er valt voor opinionated en niet-opinionated allebei wat te zeggen. Daar kun je een lange discussie over voeren, dat gaan we niet doen. Zodra je met andere developers gaat samenwerken is het wel slim om je code altijd in dezelfde "stijl" te schrijven. Dus op dezelfde manier spaties in je if-statement, wel of geen switch gebruiken, of tabs vs spaties.1. globaal 2. per project3. per filejsxconst foo = () => "bar";foo();4. uitzonderingen voor een losse regeljsx// eslint-disable-next-line no-use-before-definevar thing = new Thing();Lees de documentatie van de linter die je gebruikt hoe je dit moet configureren.Het installeren en goed geconfigureerd krijgen van een linter kan best wat gedoe zijn, geef het niet op.HTMLhtmlhint/HTMLHintCSSA mighty, modern style linter · stylelintJavaScriptJSHint, a JavaScript Code Quality ToolESLint - Pluggable JavaScript linterTypeScriptTSLint