Julien Renaux Blog

Now that the dark mode is widely supported by browsers, learn how to enable it on your web pages.

Malicious code can be inserted into any GitHub action, even those which are tagged.

In this post, we are going to learn how to set up Firebase to generate an image via Puppeteer on a daily basis.

Now that we have a production ready Progressive Web App, let's learn how to build it on Github Actions and deploy it via Firebase CLI.

Learn how to create a Progressive Web App that works offline and score 100 on lighthouse with StencilJS and Workbox

Learn how you can, in a couple of hours create a product from A to Z using amazing technologies such as StencilJS, Workbox, Puppeteer, Github Actions and Firebase.

Rendering performance is not easy to achieve if you do not understand the concepts behind it (event loop, device refresh rate, microtasks etc.). In that post we will review those concepts and see how you can leverage them to achieve 60fps rate with Lit-element.

After 7 years using WordPress for my personal Website I decided to change to Hugo.

This article aims to help you reduce the CSS bundle of your Ionic-Angular Progressive Web App by up to 91%!

Learn how to migrate from Redux to Angular ngrx/store where everything is an Observable!

This post aim is to provide HackerRank algorithm solutions in JavaScript as there are so many of them available out there. I am not pretending to have the best algorithm possible but at least the following answers passed.

Ionic 2 stable was announced recently. Therefore, it is a perfect time to write about the differences with Ionic1. Ionic 2 is a complete rewrite of the Ionic 1 project with Angular >= 2.x.

After writing two blog posts about Redux: Introduction to Redux and Angular2 and Introduction to Redux and React-Redux I decided that I was ready to present Redux in AngularToulouse meetup.

Learn about Redux data flow, Immutability and how to integrate them in Angular2.

I have been working with React and Redux for some time now. One thing that struck me is the simplicity of having a single store for the entire app. This post is about learning what is Redux, where it comes from and how to use it.

Ionic has been around for two years now. It is a great set of tools for developing hybrid applications based on AngularJS. Ionic is extremely popular at the moment, with more than one million applications built and a growing community of thousands of developers.

Learn how to transfer your Parse data and run Parse server on your own infrastructure in less than an hour.

AngularJS Mexico-city presentation about building "Cross platform applications with Ionic Framework" on January, 16th 2016.

Learn the difference between the well known AngularJS 1.x UI-Router, and the brand new Angular2 Router.

Learn how to create Components, Directives, Pipes and Services with Angular2

Angular2 new template syntax is important to understand before starting learning it. Event, Bind property and * syntax are simply explained in this post.

This post presents my favorite tool stack (TypeScript & Webpack) and explain why you should use it too with Angular2.

Angular2 is new, the quantity of blog posts is very limited at the moment and the documentation is sometimes incomplete. By going through this series of posts you will learn all you need to know about creating a complete application using Angular2 and TypeScript

Today Ionic2 alpha was released along with new examples and boilerplates. Following this release I decided to create my own using Webpack and ECMAScript6.

There are many ways to install NodeJS on Ubuntu (Linux). This post demonstrate how easy it could be using NVM (Node Version Manager)

I have heard about the Telerik’s native transition plugin for Cordova recently. To me this is not only a game changer in the hybrid industry, but in the entire mobile application industry. To help the Ionic community to use native transitions I created ionic-native-transitions a plugin available on github and npm

This tutorial is a post that I did for tutsplus.com. It will explain you step by step how to create a modern, hybrid, mobile application (iOS and Android) of your WordPress website using the latest technologies.

AngularJS and Ionic performance is often questioned. The reason is because it does not necessarily comes out of the box. This post list all you need to focus on in order to get the best performance and user experience out of them.

This post describes the architecture that you can use RIGHT NOW on your AngularJS 1.x or Ionic applications and that will be compatible with AngularJS 2.

Push notification is always a pain when it comes to find the perfect free service. If you are hosting your WordPress website there is no need to subscribe any of those services. With your server you have already what it takes to send push notifications to your subscriber. No third party service involved, just your WordPress server and your application.

If you ever wondered how to test that your push notifications work on Android without setting up any server here is how to do.

Joining Toptal is not easy at all, this post gives you some tips to succeed based on my own recent experience.

Just wanted to share about a great tool I have just discovered: "The Great Suspender" is a free and open-source Google Chrome extension for people who find that chrome is consuming too much system resource.

Before taking any technical job interview make sure you know your basics. This post lists some of the JavaScript background (Data type, Algorithm time complexity, design patterns) to have in order to succeed.

After more than 100 commits, I am happy to announce the release of my latest Open Source project WordPress Hybrid Client available on GitHub. With WPHC you will be able to generate iOS and Android applications in a blink of an eye.

Learn how to create an application using AngularJS 1.4, ECMAScript 6, Material Design and Webpack.

Having the default Apache document root to "/etc/www" can be sometimes annoying because of permissions. I strongly recommend to use a folder into your "home" folder. To do so you will need to change Apache default document root.

Webpack is a module bundler, it takes modules with dependencies and generates static assets. Learn Webpack through detailed examples borrowed from real-world apps.

Creating hybrid apps is really easy using Ionic Framework, AngularJS and Cordova. This presentation is a showcase of what you can expect from these technologies.

If you are familiar with AngularJS development, you know that memory consumption is one of the highest challenge you must face using it. angular-memory-stats is a module that helps you with this very problematic!

2015 is a pivotal year for AngularJs 1.x, here is the list of Open Source projects that you should follow in order to remain at the forefront of AngularJs 1.x technology.

There are few examples of word cloud using D3js, the best known is the one from Jason Davies but the code is difficult to understand as it is coupled with the cloud form (angle, number of words etc) and has many functions.

I have been using git submodules for a while now and I was sometimes lost on how to use it correctly and efficiently. This post will guide you through the needs and usage of a Git submodule.

Gulp.js is what we call a JavaScript Task Runner, it is Open Source and available on GitHub. It helps you automate repetitive tasks such as minification, compilation, unit testing, linting, etc. Gulp.js does not revolutionize automation but simplifies it tremendously.

Ionic Framework is one of the best framework for developing hybrid mobile apps with HTML5. Based on AngularJS the set of available features is tremendous. This post presents, with examples, some of the best hidden features provided.

Nowadays with the device (mobile, tablet, desktop etc.) and connectivity diversity (3G, 4G etc.) that we know, serving an optimized information to specific environments is paramount (thought not that easy). Many techniques exist to answer performance issues, especially when it comes to images.

Internet is full of useless and/or funny plugins that made my day several times in the past. Whatever dumb things you can think of, you can be sure that someone already made a plugin for it! Here is my top 5 useless but funny JavaScript plugins!

With animate.css you do not have to worry about making your own cross browser animations anymore. Animate.css is great CCS animation library that has a large set of animations ready out the box.