This guide is divided into two parts. The first part shows how to setup Cypress end-to-end tests in a simple application with some cool features along the way. The second part (still in writing) will show you how to integrate these tests in Gitlab CI, from setting up your first jobs and pipelines to the different test workflows you can use.

Cypress.js has been a revolution for us. We had been using Nightwatch.js for a long time. It did the job back then, and we were happy about it, but when we tried out Cypress.js, …


Image by Muhammad Ribkhan from Pixabay

For a french version of this article, click here.

I am part of a team that develops a content platform which is accessed essentially from our newsletter. Our platform is built with a lot of cloud services, and some of them are used to generate our newsletter.

We’ll go trough our newsletter specifications and then dive in its implementation.

Requirements

  1. Our users are interested in different topics, and our content is very specific. We need to be able to send interesting content for a specific user based on the information we have. …

For a french version of this article, click here.

Recommendation engines are everywhere. There are a lot of complicated techniques to recommend content, but sometimes, what you need is just a recommendation system to propose specific content to your users using simple rules.

A bit of context

We are building content related features where we need to be able to explain everything that is displayed to a specific user. For exemple, if you go to your home page, and an article called My thoughts on the last season of Game of Thrones is displayed, we need to be able to explain why.

When your…


Photo by Tanalee Youngblood on Unsplash

I’m technical expert at Kaliop and today I speak about react.js. If you want to know more about this subject, click here.

Users care more and more about performance. We are building rich applications, and as an application grows, so does the javascript bundle.

When developing a single page application, we create a lot of components. Each of these components has its own dependencies, util librairies and so on. We keep developing features and at some point, we realise that our website is slow 🙀. While investigating, we realise that our javascript bundle is too big. …


For a french version of this article, click here.

Testing an application is so important. I can’t stress that enough. Nobody wants an application full of bugs. Nobody wants to fix the same bug over and over again. You must have, at the very least, end-to-end testing on large applications. And it is not that difficult. Remember that you can always start small and then get your test suites bigger to cover a larger part of your application.

This article will guide you through the set up of a simple end-to-end stack and performing simple operations, using hooks, adding custom…


For the french version of this article, click here.

Drawing graphs with React native is easier said than done. There are librairies which propose some ready to use graphs, but most of the time you’ll want to create your own, with your specific design. The goal of this article is to guide you trough the process of creating your own graph from scratch.

The graph we are going to build is the following:

Install the dependencies

As mentioned in the title: we need two libraries, react-native-svg and d3.js.

npm i --save d3
npm i --save react-native-svg
react-native link react-native-svg

Let’s draw!

The bar chart we…


We use different techniques to get the best user experience for our users. Two of them are prerendering (which we will call PR) and server-side rendering (which we will call SSR). The goal of these techniques is to give the user a first render before the main Vue component(s) is mounted.

Note: if you want to go straight to the final solution, you skip the problem and scroll to the end of the article.

The problem with forms

A form contains interactive elements, such as inputs and buttons. If you handle the form with Vue.js, …


photo by pabloheimplatz

I have been working with Vue.js for the past 8 months and my team and I have used different performance optimization techniques to improve the user experience. It is time to share!

Note: you can read the article without actually doing the tutorial. You can see the code here.

We will be using a simple project generated with vue-cli with the webpack template with only two routes (Hello and Goodbye):

git clone https://github.com/PierreCavalet/vuejs-code-splitting.git
npm install

We are going to talk about build tools so you will need an http server to serve static files. …


Photo by Damian Zaleski

I just graduated and I thought it would be nice to share my experience with others. In this article, I want to share what I think you should do in order to succeed during your studies, and tell you what I would have liked to hear from someone else during mine. So here we go!

Technology watch

This was probably the most underrated task at my school. I can’t even remember someone talking about it. Really. …

Pierre Cavalet

A web developer passionate about education. Technical Expert @ Kaliop.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store