nl.hideout-lastation.com
React.js Explorer toevoegen aan Chrome met React Developer Tools
Elke webontwikkelaar moet al kennis hebben van de verbazingwekkende Chrome-ontwikkelaarstools . Deze functie is rechtstreeks in Chrome ingebouwd en laat ontwikkelaars pagina's inspecteren en elementen rechtstreeks vanuit de browser bewerken of verwijderen .
Het is ongelooflijk krachtig en het is de beste manier om pagina-gedrag te bestuderen, zoals latency, paginabronnen, of console-opdrachten uit te voeren.
Het team van Facebook heeft de React.js- bibliotheek gemaakt, die een laag abstraheert voor ontwikkelaars van een frontend om bepaalde UI-elementen opnieuw te gebruiken .
En nu kunt u met React Developer Tools deze elementhiërarchieën inspecteren en ze direct op de pagina bewerken .
Dit is een volledig gratis extensie en het is ontwikkeld door de mensen op Facebook, dus je weet dat het van goede kwaliteit is.Je kunt ook de verschillende toestanden en de paden van objectbomen bestuderen, inclusief welke elementen boven en onder andere elementen zijn.
In de zijbalk kunt u bladeren door rekwisieten en toestanden waarmee u het gedrag van andere elementen in dezelfde boom kunt bestuderen. Dit is eigenlijk een geweldige plug-in voor nieuwere React-gebruikers omdat het hen kan helpen meer over de bibliotheek te begrijpen.
Natuurlijk omvat dit ook eventuele gebeurtenislisteners die de status van een bepaald onderdeel kunnen wijzigen. En met de broodkruim op de bodem kunt u gemakkelijk door ouder / kindelementen bladeren.
Dit is verre van het perfecte React-hulpmiddel. Maar het maakt uw taak een stuk eenvoudiger als u vanaf het begin dynamische applicaties bouwt .
Het is volledig open-sourced met een officiële GitHub repo onderhouden door Facebook en regelmatig bijgewerkt.
U kunt deze Chrome-extensie installeren voor elke versie van Chrome . Of, als u Firefox gebruikt, kunt u de FF-add-on bekijken die FireFox v38 en hoger ondersteunt. Tot nu toe heb ik geen ondersteuning voor Safari / Opera-gebruikers gezien, maar het is een open source-extensie, dus dit kan in de nabije toekomst komen.
Crowdsourcing: voors en tegens, en meer
Stel dat u een nieuwe online winkelsite start en duizenden producten hebt geïmporteerd. Nu moet je ze taggen en categoriseren, een baan die saai lijkt en vele uren werk kost. Je zou het allemaal alleen kunnen doen, of je zou het kunnen uitbesteden aan crowd, en de actie van het uitbesteden van een taak aan het ongedefinieerde publiek wordt herkend als crowdsourcing .
Genereer WordPress-themasjablonen met Underscores-componenten
Misschien bent u al bekend met Underscores, vaak afgekort als _s, wat een populair startthema is voor WordPress. Dit is een groot project dat wordt onderhouden door Automattic, het bedrijf dat WordPress exploiteert.Onlangs hebben ze een andere tool met de naam Components gemaakt. Dit is een gratis online themagegenerator die is gebouwd op WordPress met aangepaste blauwdrukken gemaakt voor portfolio's, bedrijfssites en verschillende blogthema's, van standaardblogs tot tijdschriften
