46 posts

An approach to handle third party SDK’s custom event systems in front end projects

Abstract (TL; DR;) When working on frontend projects, a common way to deal with the asynchronicity of third party SDKs methods is to rely on callbacks or promises. Nonetheless, it is quite frequent that some libraries use their own event system to notify their consumers whenever an action has been...

#rxjs#javascript

Published on Sep 22, 2021

[How2Tips] How to restrict allowed characters inside a text input in one line of code

Recently I encountered a problem which is very generic : I had to prevent some characters insertion inside a text input. It avoids letting user filling input with unwanted characters, then asking them to correct by displaying an error. For example, in case of a telephone number.

#beginner#javascript

Published on Jul 21, 2021

[How2Tips] How to add a front-end framework to an existing Symfony monolith

This article is for all developers who want to add a front-end framework like React to an existing Symfony + Twig application. But first, a little bit more context : Symfony (released in 2005) has been the most used PHP framework of the previous decade. The core team is doing an amazing job and h...

#symfony#traefik#react

Published on Jun 22, 2021

[How2Tip] Varnish : dynamic backend DNS resolution in a Docker swarm context

Nicolas is a Symfony & React developer and trainer at KNPLabs and is currently working on i24news.tv as Devops. He shares with you how his team solved the issue they had when using varnish with a backend defined as a named host. To add more precisions about the context, we were using docker swarm,...

#swarm#docker

Published on Aug 21, 2019

[How2Tips] How to create and publish an open source javascript library

David is one of the most experienced KNP devs. Since 2013 he is Lead Dev, trainer and speaker here at KNP Labs. After a PhP period, he switched to JS, his Dada, his troll, his passion... He also published some nice FOSS contributions... for example a little lib that will help you to boost your react...

#javascript#rxjs#foss

Published on Jun 25, 2019

[How2Tips] How to test Fluentd config

KNPLabs develops apps and websites with Symfony and React, for client projects, and also contributing to open source projects. Albin came to KNPLabs as a Symfony Developer and discovered his passion for devops during a project with an international client. He loves to work on our  open source bund...

#foss#opensource#fluentd

Published on May 15, 2019

How we built a medium like rich text editor

This article synthethises the reflexion we went through during the conception and developpment of a web based rich text editor. We'll first focus on the situation which led us to that developpment, then we'll explain the different pathes we took to solve the problem and the one we finally chose. Se...

#react#redux#rxjs#javascript

Published on Feb 5, 2019

Deal with form submission from multiple events & animation : React / Redux

Joris, with a great experience as back-end developer, discovered and learned to love react and functional programming on his current project, i24News. He shares with you his knowledge about form submission with react/redux and how to deal with multiple events and animation. Enjoy ! > « The worst mi...

#redux#react#javascript#rxjs

Published on Oct 19, 2018

How to dockerise a Symfony project ?

Find out a step by step tutorial to bootstrap a Symfony project running in Docker containers. Beginners friendly. 🤓

#beginner#symfony#docker#docker-compose#nginx#dockerfile

Published on Sep 25, 2018

[How2Tips] Spec a Symfony command

Nicolas is a Symfony developer and trainer at KNPLabs and loves his current mission at i24news.tv as Devops. He shares with you a small and helpful tip on how to use phpspec to spec a symfony command. When you write a Symfony command, you'd like to be able to test it too. To do so, you can take a...

#quality#tests#symfony

Published on Sep 5, 2018

[How2Tips] How to wait for AJAX responses in Behat with Mink?

We all know this situation where we need to test a UI feature that contains asynchronous calls. We also know that Behat is maybe not the best tool for that, but hey. We don't always use a JS test framework. The Selenium wait method The traditional way is to directly evaluate a javascript statement ...

Published on Nov 23, 2017

[How2Tips] How to modify a Symfony Form based on what the user submitted?

The official docs explain how to do that, but it seems a recurrent problem for many developers to get it right. The problem We want to add or modify a field based on the input of a first field. Example: user choses a country, and based on that country we display a list of cities in that country. ...

Published on Nov 8, 2017