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, …
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.
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.
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…
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:
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
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.
A form contains interactive elements, such as inputs and buttons. If you handle the form with Vue.js, …
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. …
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!
This was probably the most underrated task at my school. I can’t even remember someone talking about it. Really. …
A web developer passionate about education. Technical Expert @ Kaliop.