I like using data attributes in my markup (data-*), CSS ([data-*]), and JS (el.dataset). This post on CSS-Tricks writes down exactly how I use them. Especially the different type of attribute selectors are really powerful: // Seven different types of CSS attribute selectors // This attribute exists on the element [value] // This attribute has […]
Tag Archives: javascript
Redux in 30 lines of PHP
To get the full details behind Redux, Sorin Nunca has recreated it using PHP: As I usually try to understand the tools I’m using, the following tries to be a toy implementation of Redux in PHP, in the hopes of gaining a deeper understanding of the concepts behind Redux. Also covers combineReducers. Redux in 30 […]
An Overview of JSX With 3 Non-React Examples
Valeri Karpov on how JSX is transformed into JavaScript: The JSX compiler parses all the element types, props, and children, and passes each of the nodes in the tree through a pragma. The pragma is just a fancy term for the function that JSX calls on each node. In the case of React, React.createElement is […]
useEffect(fn, []) is not the new componentDidMount()
Brad Westfall from React Training on why the React hook useEffect(fn, []) is not the same as componentDidMount(): When developers start learning hooks having come from classes, they tend to think “I need to run some code once when we mount, like how componentDidMount() works. Ah, I see that useEffect with an empty dependency array […]
Generating a pattern of Connected Vertices with p5.js
Nice demo/explainer by Louis Hoebregts on how to generate a pattern of Connected Vertices using p5.js 💁♂️ Use the included slider to advance the steps.
N26 and the lack of JavaScript
Hugo Giraudel, engineer at N26: In the last few years, we have seen more and more ways to build highly interactive web applications relying almost exclusively on JavaScript. To the point where we almost wonder whether we forgot from where we come from. Not so long ago was a time was JavaScript was just sprinkled […]
deno.town – A web REPL for experimenting with the Deno API
deno.town is a REPL to play with the aforementioned Deno, a new take on Node as if it were designed today. deno.town → ⁉️ If you’re looking for a shorter intro to Deno, this talk by Bert Belder at DotJS has got you covered:
Securing React Native Applications
In this article, we will focus on the security side of the framework. We will be dividing the article into the following sections: Securing app to server connection Securing local data Advanced integrity checks Securing React Native Applications →
Debunking the Myth: Accessibility and React
Mark Steadman from Deque: React can be an accessible application framework with the right knowledge and the right know-how. The stigma that it is not an accessible framework is simply not true. It has some of the best built-in accessibility functionality there is out there, and a large community of accessibility advocates that are creating […]
ES-Everything: an ECMA Explainer
Matthew Gerstman explaining a lot of terms that evolve around JavaScript: ECMA, TC39, Babel, Polyfills, … So you Google how to make your app work in IE 10, or 11, or whatever. You’re quickly flooded with acronyms and terms you’ve never heard before ES5, ES6, ESNext, ES2020, TC39, ECMA. What’s a transpiler? People are debating […]