​​How to set up email-validation in React (+live demo)

#tutorial #demo #react #email #validation

https://link.medium.com/ehKDcBf44T

#html #javascript

​​Modern JavaScript frameworks present an easier and more organized way to create web applications. However, they also add complexity that sometimes breaks things in a subtle yet impactful way.

To combat this and ensure we don’t introduce more bugs than we fix, we can turn to automated frontend testing. The best form of automated tests? Running through the interface as a real user would, clicking on buttons and filling out forms.

#testing #javascript

​​Join our chat room 💭

Programming and tech related discussions 🤓

​​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 💖