Web Development Leeslijst 10-2018: React & Redux, Machine learning, Drupal, Gatsby en UX / design trends

23 Oct 2018

Joris Snoek - Business Dev
+31 (0)20 - 261 14 99

Web development artikelen die we afgelopen maand tegenkwamen waarvan het de moeite waard bleek om helemaal uit te lezen, of verder in te verdiepen.

Onderverdeeld in:

  1. Web development
  2. UX / design
  3. Teamwork, productivity & life

 

1. Web development

 

1.1 Machine learning leren

Gwendolyn Faraday beschrijft haar beste resources waarmee zij machine learning leerde: tools, libraries, wiskunde, deep learning, blogs komen aan bod.

1.2 Een simpele API service bouwen met Node.js, Express.js en GraphQL

GraphQL is behoorlijk populair aan het worden, wellicht tijd om bij te spijkeren? Doe dat door het bouwen van deze eenvoudige API service in Node.js, Express.js met behulp van GraphQL dus.

1.3 Drupal 8.6.0 is uitgekomen

De nieuwste major versie van Drupal werd onlangs vrij gegeven. Deze bracht de meest significante Drupal 8 update tot nu toe. Onder andere volgende onderdelen werden geïmplementeerd:

  • media library;
  • workspaces;
  • meer layout mogelijkheden;
  • demo content;
  • ondersteuning voor MySQL 8.

(Inmiddels is Drupal 8.6.2 meest de recente versie)

1.4 Web security

  • Snyk, een geweldige tool om open source installaties makkelijk up-to-date te houden met de laatste noodzakelijk security updates. Wij gebruikten hem eerder voor diverse Node.js / npm / Express.js installaties, binnen enkele minuten de juiste updates doorgevoerd. Hij voert alleen de essentiële security updates door, zodat je niet update om het updaten en onnodige conflicten -en werk vermijdt. Snyk houdt je optioneel via e-mail op de hoogte als er updates zijn voor bijvoorbeeld jouw node.js installatie.
  • Brendan McMillion van Cloudflare laat zien hoe zij end-to-end-integriteit garanderen voor hun IPFS-gateway (een gedistribueerd, gedecentraliseerd web protocol). Een zeer interessant inzicht in de potentiële toekomst van het web.

Op de hoogte blijven?

Maandelijkse Nieuwsbrief →

1.5 Why Firebase sucks

Slechte ervaringen met uptime -en klantenservice deed Saul Costa dit blog schrijven over de populaire realtime database van Google: Firebase. Deze wordt voornamelijk gebruikt voor mobile app data, bijvoorbeeld om notificaties te pushen. Nederlands alternatief Appsignal wordt genoemd als een goed alternatief.

1.6 Cloud monitoring

Via Statusgator kan je meldingen ontvangen bij downtime van meer dan 360 cloud apps -en services. Blijf op de hoogte middels een statusdashboard of integreer jouw apps. Handig tooltje, voor bijvoorbeeld als jouw platform afhankelijk is van een van deze cloud services.

1.7 Wat is React

Voor degene die nog niet helemaal up to speed zijn, een eenvoudige uitleg over React.

1.8 Web performance

  • In deze uitgebreide handleiding voor het opsporen van performance-issues laat Nolan Lawson zien hoe we front-end prestaties op het web nauwkeurig kunnen meten en hoe de rendering pipeline van moderne browsers werkt.
  • Hoe kan je een website bouwen die goed werkt en snel is op low-tech apparaten; met zo weinig mogelijk middelen? Het Low-Tech Magazine wilde dit achterhalen en bouwden hun website volgens een interessante aanpak om zoveel mogelijk bronnen te sparen. Coole bijkomstigheid: de website gaat offline wanneer er niet genoeg zon is om het 2,5 Watt zonnepaneel te voeden, welke de server van stroom voorziet.

1.9 CSS

1.10 Gatsby 2.0.0 vrij gegeven

Gatsby is een 'moderne website -en app generator'. Het wordt gebruikt voor het maken van razendsnelle online platforms, websites en apps.

Het is een zogenaamde static site generator, gebruikt door onder andere deze online platforms:

De recente release V2.0.0 is het resultaat van maandenlang hard werken door het kernteam van Gatsby en 315 contributors.

Deze release richt zich voornamelijk op performance en de developers experience. Enkele hoogtepunten:

  • Sneller bouwen (tot 75%)
  • De runtime van de JavaScript-client met 31% verkleind
  • De belangrijkste dependencies van Gatsby zijn bijgewerkt naar de nieuwste versies: Webpack 4, Babel 7, React 16.5

Lees meer over de release

1.11 Wat is Redux: een handleiding voor designers

Met behulp van dit artikel krijg je een goed beeld van Redux: wat het kan doen, wat de nadelen zijn, wanneer het te gebruiken en hoe het zich verhoudt tot design.

Het artikel is gericht op designers, maar ook interessant als introductie voor iedereen die in de web development business werkt. Het beschrijft onder andere:

  • State management;
  • Verkrijgen en opslaan van data;
  • Data toewijzen aan UI elementen;
  • Redux is niet alleen voor React beschikbaar, maar met elk front-end framework: Ember.js, Angular en zelfs jQuery of standaard JavaScript.

Het beschrijft tevens de krachten achter Redux, wat redenen kunnen zijn om het te implementeren bovenop React:

  • Forceren van code standards'
  • Dispatching an action: je moet als developer eerst omschrijven wat je gaat doen, voordat je het kunt ontwikkelen;
  • Je code die data wijzigt moet zich als een wiskundige formule gedragen. Het moet hetzelfde resultaat retourneren met dezelfde invoer. Het 4² is altijd 16, het maakt niet uit hoe vaak je het uitvoert.

Mede hierdoor kan je krachtige functies voor de eindgebruiker maken, die anders complex zijn om te implementeren:

  • Undo, redo functies;
  • samenwerking in één omgeving, soortgelijk als Google docs;
  • Optimistic User Interface: instant respons op een actie van de eindgebruiker, ervan uitgaande dat de actie goed zal gaan in het backend;
  • Persistent and booting up from state Redux maakt het makkelijk om alles wat er gebeurd in de app op te slaan. Als je reboot kan je direct door waar je geëindigd bent;
  • Goed uitbreidbaar: op alle acties in het systeem kan je netjes inhaken.
  • Automatische bug reports.

Nadelen van Redux:

  • Steile leercurve;
  • Je moet elke keer boilerplate code schrijven;
  • Performance.

Lees hier het hele artikel.

 

2. Design en UX

 

2.1 UX Design Trends voor 2018

Een interessant overzicht van welke UX trends we zagen in 2017 en welke in 2018 de overhand hebben.

2.2 Zinvolle front-end micro-interacties produceren

Denislav Jeliazkov beschrijft het belang van micro-interacties en hoe deze goed te ontwerpen om het verschil te maken tussen jouw app en die van de concurrent.

2.3 Gratis fonts

Een mooie verzameling van gratis beschikbare lettertypen van nu op Behance.

2.4 Gratis stock foto's

We kennen allemaal wel platformen als Unsplash, Pexels, Pixabay and Stocksnap, maar Freephots.cc is ook zeker de moeite waard.

2.5 Hoe Phablets mobile UX veranderen

Wat is een Phablet, hoe is de user interaction en hoe te designen voor zo'n apparaat. Check het [hier].(https://designmodo.com/phablets-ux/)

 

3. Teamwork, Productivity & Life

 

3. 1 The Little Handbook for Getting Stuff Done

Zen Habits held Leo Babauta is de enige blogger waarvan ik alle artikelen helemaal lees. Zijn meest recente is geen uitzondering, in 'The Little Handbook for Getting Stuff Done' beschrijft hij zonder opsmuk hoe je dingen gedaan kan krijgen. Daarin geeft hij terecht aan dat productiviteit en efficiency niet de sleutel zijn tot een goed leven, maar wel helpen. Enkele dingen die hij benoemd:

Voordelen van 'getting stuff done':

  • Meer gedaan krijgen;
  • Meer in jezelf geloven;
  • Meer betrouwbaar worden;
  • Verspreid ideeën.

Dingen die in de weg kunnen staan:

  • Oncomfortabel voelen;
  • Constant switchen naar andere taken;
  • Perfectionisme;
  • Andere mensen;
  • Afleidingen en interupties;
  • Moe zijn;
  • Angst, onzekerheid en overweldigd voelen.

10 dingen waar je goed in moet worden

  • Prioriteren;
  • Starten;
  • Focussen;
  • Takenlijsten beheren;
  • Slechte eerste drafts;
  • Onzeker zijn;
  • Het grote plaatje blijven inzien;
  • Volledig verantwoordelijkheid en leiderschap tonen;
  • Communiceren;
  • Structuur bouwen.

Een simpel programma om goed te worden in 'Getting Stuff Done':

  • Maak een dagelijkse werkstructuur;
  • Maak 's ochtends een takenlijst;
  • Focus sessies housen;
  • Meditatie tegen onzekerheid;
  • Reviewen: herhaling en verbetering.

Lees alle details hier.

3.2 Meer doen met je team zonder op te fikken

Hoe teams ervoor kunnen zorgen dat hun enthousiasme de mensen niet laat opfikken. Een interessante paragraaf:

Zelfwerkzaamheid, geen micromanagement

Door als manager constant op de trommel te slaan en deadlines aan te houden, wordt je team overdreven afhankelijk van de aanwezigheid die manager. Duurzaamheid hierin is alleen haalbaar als het team zichzelf voortstuwt zonder aanwezigheid van management.

Zelfwerkzaamheid komt voor uit:

  • Het loslaten van de controle;
  • Het weerstaan ​​van de drang om constant gedetailleerde correcties door te voeren;
  • Het mogelijk maken informeel leiderschap te laten floreren;

Zoals Ron Heifetz beschrijft, realiseer je echt leiderschap door 'werk terug te geven' in plaats van de held te zijn die binnenvliegt en ieders problemen oplost.

Lees het hele artikel met ondersteunend research op Harvard Business Review.

 

Wrap up

Alright, ik hoop dat je weer een beetje bij bent op gebied van web development, UX / design en teamwork inzichten. Volgende maand weer een update, so stay tuned!

Bron header foto.

Comments

Nóg meer
kennis nodig?

Check ons ons blog archief >