Oplossing: js

Deel 4 van de React Hooks serie useMemo & useCallback

Deel 4 van de React Hooks serie useMemo & useCallback

Deel 4 van de ReactHooks serie! We gaan het hebben over useCallback en over useMemo. Met deze hooks kunnen we waardes of callback memoizen dit kan nuttig zijn bij zware operaties of om te zorgen dat bepaalde componenten niet altijd mee rerenderen. Zeker omdat bij kleine applicatie het vaak efficienter is om niet te optimaliseren dan wel.

Lees meer
Redux de Intro!

Deze week een korte introductie van de 4 basisbegrippen die je nodig hebt om Redux te begrijpen. We gaan kort uitleggen hoe state wordt aangepast in een Redux Store met behulp van Reducers en Actions. En we vertellen wat al deze begrippen doen en hoe ze werken in een Redux applicatie.

De trilogie – React Hooks deel 3 – useRef

Deel 3 al van de React Hooks serie! Deze week bespreken we de useRef hook. Een hele nuttige hook die ervoor zorgt dat we toegang kunnen krijgen tot DOM nodes of dat we data gedurende rerenders kunnen bewaren. Lees snel verder hoe je deze hook kan gebruiken.

React Hooks – the Sequel – Context & the Reducer

Deel 2 van de React hooks serie en deze week gaan we het hebben over useContext en useReducer. De useContext hook zorgt ervoor dat je props niet eindeloos door hoeft te geven van boven naar beneden maar dat je child componenten er direct gebruik van kunnen maken. En met de useReducer hook heb je een vervanger voor useState die beter om kan gaan met complexe state logica.

React Hooks deel 1 – State & Effect

React Hooks deel 1 – State & Effect

React Hooks een relatief nieuw maar populaire feature van React Het is gekomen met React v 16.8 en zorgt ervoor dat we een groot deel van de functionaliteit van Class Based components in functional components kunnen gebruiken. In het eerste deel van dit artikel ga ik vertellen over de meest gebruikte useEffect en useState.

Lees meer
How to Graphic in HTML!

How to Graphic in HTML!

We hebben het in eerdere artikelen al eerder gehad over ontwikkelen met canvas en SVG, beiden zijn waarschijnlijk technische termen die je wel eens voorbij hebt horen komen. Met deze 2 technieken kunnen hele leuke dynamische elementen gemaakt worden van interactieve digitale map tot complete online spelletjes.

Lees meer
Ping-Pongend het weekend in!

Ping-Pongend het weekend in!

Deze week weer is wat anders geen nieuws bericht of een in-depth artikel over een nieuwe feature van een programmeertaal maar een fun artikeltje over hoe je je eigen spelletje kan maken. We maken hierbij gebruik van canvas en javascript. Het schermpje met de vallende code op onze homepagina was erg leuk maar ik vond het tijd voor iets nieuws daarom dacht ik we zetten er een spelletje neer.

Lees meer
CSS Het palet voor je website

CSS Het palet voor je website

Alles wat je op een website ziet wordt vormgegeven door Cascading Style Sheets. Het is samen met JavaScript en HTML een van de pilaren van web development. Daarom vond ik het tijd worden om eens uit te leggen wat CSS nou eigenlijk is. Daarnaast heb ik een aantal voorbeeldjes uitgekozen om te showcasen wat je allemaal met CSS kan doen. Zo hebben we een bubble animatie, een loading animatie en een van de nuttigste frameworks; Bootstrap!

Lees meer
React Tips, Tricks & Nieuws!

React Tips, Tricks & Nieuws!

Vandaag ga ik het hebben over wat tips, tricks en nieuws over React. Ik ga het hebben over wat manieren om een React project te starten (Create React App, Next.js en Gatsby), over hoe onmisbaar React Dev Tools zijn voor de huidige React ontwikkelaar en we behandelen kort de nieuwste versie React v17.0 en de grootste verandering die dat met zich mee brengt.

Lees meer
4BIS Customer Portal version 1.0 is gearriveerd!

4BIS Customer Portal version 1.0 is gearriveerd!

Deze week hebben we wat leuks voor je! We zijn de afgelopen weken druk bezig geweest met een verhuizing van onze infrastructuur en de eerste versie van onze customer portal. Daarom wil ik dit artikel gebruiken om een korte tour te geven en uit te leggen wat voor leuke functionaliteiten er al in zetten en een kleine sneakpreview van wat er nog gaat komen.

Lees meer
React ontwikkeling van idee tot plan

React ontwikkeling van idee tot plan

Bij 4BIS in onze favoriete Javascript bibliotheek React omdat het krachtig is en heel divers inzetbaar. Maar zeker in grote react apps is een goed plan erg belangrijk. omdat een React app snel uit kluiten kan groeien. In dit artikel ga ik uitleggen hoe wij bij 4BIS onze react apps plannen, van idee tot plan.

Lees meer
What To-Do zonder een handig lijstje! DIY To-Do lijst mini tool!

What To-Do zonder een handig lijstje! DIY To-Do lijst mini tool!

Iedereen kent en gebruikt wel een variant van een to-do lijstje in zijn dagelijks leven. Het nadeel is dat als je het druk hebt is dat binnen no-time je hele bureau vol ligt met lijstjes. Daarom ben ik voor mezelf een tussen projectje beginnen te maken zodat ik mijn to-do lijstjes kan opslaan in onze customer portal. Zo heb ik mijn to-do lijstjes altijd bij de hand en worden ze opgeslagen in de klant account waarin ik aan het werk bent.

Lees meer
Maak je eigen DIY JavaScript zoekbalk

Maak je eigen DIY JavaScript zoekbalk

Vandaag ga ik je laten zien hoe je een eenvoudige zoekbalk kan maken voor een grote tabel of lijst. Soms worden lijsten of tabellen zo groot dat het een opgave wordt om de data eruit te halen die je nodig hebt. In zo’n geval kan een zoekbalk uitkomst bieden. De zoekbalk die we vandaag gaan maken is een simpele vanilla JavaScript zoekbalk. Om een zoekbalk nuttig te laten zijn moet je natuurlijk wat hebben om in te zoeken dus ik heb een lijst met personages van mijn favoriete TV-serie Game of Thrones met de acteurs en actrices door wie ze gespeeld worden erachter.

Lees meer

WordPress related

Nieuw Jaar & Nieuwe Projecten

Nieuw Jaar & Nieuwe Projecten

De beste wensen iedereen laten en we hopen dat 2021 een stuk beter wordt wij zijn met vliegende start vertrokken. 2 van onze stagiare’s hebben succesvol hun stage afgerond en de volgende staat al in de startblokken. We zijn bezig met FoodieBag, toegangkelijkheid en ExpertClass kortom een hoop spannende projecten.

4BIS Bijna Winter Nieuws

4BIS Bijna Winter Nieuws

Deze week weer een nieuwsflits waar we even kort vertellen wat we allmaal gedaan hebben de afgelopen tijd. We hebben Digital Signature Generator V2.0, onze nieuwe stagiare Tom Nieuwenpoort, synoniemengenerator en een nieuwe feature op onze customer portal statistieken opzoeken. Ook ga ik vertellen over een aantal leuke projecten die er aan zitten te komen.

News and events

Nieuwe Stagiair & Aanwinsten

Nieuwe Stagiair & Aanwinsten

Deze week slaan we React even over om onze nieuwe aanwinsten voor te stellen. We hebben Tom Nieuwpoort die bij ons zijn stage heeft voltooid en nu part-time voor ons aan de slag gaat. En Vince van der Zwet is begonnen aan zijn eindstage bij ons waar hij drukt bezig is om in korte tijd Symfony te leren.

Nieuw Jaar & Nieuwe Projecten

Nieuw Jaar & Nieuwe Projecten

De beste wensen iedereen laten en we hopen dat 2021 een stuk beter wordt wij zijn met vliegende start vertrokken. 2 van onze stagiare’s hebben succesvol hun stage afgerond en de volgende staat al in de startblokken. We zijn bezig met FoodieBag, toegangkelijkheid en ExpertClass kortom een hoop spannende projecten.

Techtorials

De trilogie – React Hooks deel 3 – useRef

De trilogie – React Hooks deel 3 – useRef

Deel 3 al van de React Hooks serie! Deze week bespreken we de useRef hook. Een hele nuttige hook die ervoor zorgt dat we toegang kunnen krijgen tot DOM nodes of dat we data gedurende rerenders kunnen bewaren. Lees snel verder hoe je deze hook kan gebruiken.

Digital marketing

Subscribe

Join Our Newsletter

Offerte aanvraag formulier

En nu begint het…

We zijn blij dat je een 4BIS-product hebt gevonden dat je interesseert! Om een gratis offerte voor je nieuwe opwindende IT-project te ontvangen, vul je het offerteaanvraagformulier in en wij nemen zo snel mogelijk contact met je op.

Je kunt natuurlijk ook rechtstreeks contact met ons op nemen met eventuele verdere vragen of verzoeken.

Bedankt voor het bezoeken van onze website, fijne dag

Het 4BIS team

Bakenesserstraat 13
2011 JJ – Haarlem
Nederland