Oplossing: techtorials

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
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.

Maak je eigen plugin in WordPress

We hebben jullie al een keer meegenomen in de wondere wereld van WordPress plugins. Deze week gaan ik uitleggen hoe je zelf een plugin kan maken aan de hand van een klein voorbeeld. Ik ga je laten zien hoe je een kleine plugin kan maken die bootstrap functionaliteit toevoegt aan je website.

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
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
JavaScript & jQuery

JavaScript & jQuery

JavaScript & jQuery twee woorden die je vast wel is voorbij hebt horen komen of gezien, maar wat houden ze nou nou precies in? JavaScript is de programeertaal van het wereldwijde web. Javascript wordt gebruikt om webpagina’s interactief te maken. JavaScript is een client-side script taal wat betekent dat de javascript mee geleverd wordt met de webpagina en dat jouw eigen webbrowser de code uitvoert.

Lees meer
The SEO checklist you need to reach the top, and stay there

The SEO checklist you need to reach the top, and stay there

Search Engine Optimisation (SEO), or how to rank high on search engines, might feel like a tedious task at times, but it is worth spending a lot of time on. The success of your website, aka one of your most precious – and expensive – business tools, pretty much depends on whether or not you have your SEO strategy properly figured out.

Lees meer
Alexa meetup 2019 in Haarlem Tech, the afterword

Alexa meetup 2019 in Haarlem Tech, the afterword

At the meet-up, we focused on one particular virtual assistant, pioneer and very successful on the market: Alexa, developed by Amazon Web Services. Alexa is a superstar as far as Voice User Interface (VUI) goes; it is capable of voice interaction, music playback, making lists, setting alarms and scheduled reminders, streaming podcasts, playing audiobooks, providing real-time information such as news, traffic, sports or weather…

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