​​Exploring the performance differences between server-side-rendering (SSR) and client-side-rendering (CSR) through simple examples.

#react #ssr #csr

​​Chrome 72 for Android shipped the long-awaited Trusted Web Activity feature, which means we can now distribute PWAs in the Google Play Store! I played with the feature for a while, digging into the APIs and here you have a summary of what’s going on, what to expect and how to use it today.

#chrome #android #pwa

​​In an open space worked a frontend developper. Not a nasty or a dirty app maker. He had been doing HTML, CSS and JS for many years. He had known dark ages when all those word meant danger and trouble. Many years after the golden age of One day One JS webapp framework, he did not know a new initiation quest was coming to him: Web app performances.

#webpack #performance

​​​​How to write your own tweening engine in JavaScript.

#javascript

​​Validation of data is an interesting topic, we tend to write code that looks really horrible in the sense that it contains a lot of checks. There are different situations when we need to perform these checks like validating a response from a backend endpoint or maybe verifying what goes into our REST API won’t break our code. We will focus on the latter, how to validate our API.

#validation #javascript #node #express #api

​​Today we’ll be making a ‘to-do’ website… with some different features.
For the front-end, we will be using React.js. For the back-end and storage, we will be using the browser’s local storage. This lets us save data so that next time we open our site, we can access the data we saved earlier.

#tutorial #react #localstorage

​​This post is a write-up of how I learnt more about server-side web development with Node.js, and a brief comparison of writing a simple HTTP server using 3 different frameworks, Express, Koa.js and Hapi.js.

#node #http

​​How to use React fragments

#react

​​Exactly one year after the first beta of iOS 11.3, Apple released last week the first beta of iOS 12.2: the first version since PWA support that responds to all the critics by offering solutions to the two biggest problems on PWAs on iOS. So yes, they took a whole year to say “we are working on this.” But wait, not so fast, I’m not saying yet that the solution is a good one. Let’s see 😬.

#ios #pwa

​​Add some attitude to your console statement with the %c specifier 👩‍🎨 This is super handy to help you easily identify debug information from the console 👾

#javascript

​​Quicksort is one of the most efficient methods for sorting an array in computer science.

#algorithms #javascript

​​​​Pure functions are easier to read, understand, test, debug and much more. You may have already heard all of that before. The questions are: what are these pure functions? how do they look like? or can we write the whole application using only pure functions?

#javascript

​​Let’s create and compare a fairly standard To Do App written in React and Vue.

#react #vue

​​A large video hero can be a neat experience when done well — but adding video capability to the homepage is just asking for somebody to go in and add a 25mb video and throw all your performance optimizations out the window.

#javascript #video

​​Happy Valentines Day 💖

​​Template literals in JavaScript are basically regular strings on roids. The syntax for writing them is with backticks instead of regular string quotes. You can place expressions into those template literals which will be evaluated and replaced with the resulting values of those expression

#javascript #template_literals #styled_components

https://t.iss.one/NodeJSNews/6

​​Before event-driven programming became popular, the standard way to communicate between different parts of an application was pretty straightforward: a component that wanted to send out a message to another one explicitly invoked a method on that component. But event-driven code is written to react rather than be called.

#node #javascript

​​🔵 We are happy to announce our new channels and group chats 🥳

👨🏼‍💻 Node.js is open-source, cross-platform JavaScript run-time environment that executes JavaScript code outside of a browser.
📖 @NodeJSNews
🗣 @NodeChat

👨🏼‍💻 React is JavaScript library for building user interfaces. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications.
📖 @ReactJSNews
🗣 @ReactJSChat

👨🏼‍💻 Webpack is open-source JavaScript module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.
📖 @WebpackNews
🗣 @WebpackChat

🗣 And of course our old and well known @CodingChat - general purpose programming group.

​​Deciding on a JavaScript framework for your web application can be overwhelming. Angular and React are very popular these days, and there is an upstart which has been getting a lot of traction lately: VueJS. What’s more, these are just a few of the new kids on the block.

#react #vue #angular

​​I wrote this article to help you move from pre-ES6 knowledge of JavaScript and get you quickly up to speed with the most recent advancements of the language.

#javascript