Application State Management with React Managing state is arguably the hardest part of any application. It’s why there are so many state management libraries available and more coming around every day (and even some built on top of others… There are hundreds of “easier redux” abstractions on npm). Despite the fact that state management is…
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec imperdiet risus justo, vel malesuada erat fermentum at. Morbi at laoreet mauris.
Expo SDK 41 – Highlights Highlights Android apps now target Android R (11 / SDK 30). This comes with some significant changes for location permissions, media library (related to StorageAccessFramework), and constants. Please note that these changes also impact SDK <= 40 projects in Expo Go, but they will not impact SDK <= 40 standalone apps.…
JavaScript Pass By Value Function Parameters So, to talk through what’s happening here, I’m creating a variable called fruit and assigning it to a string ‘raspberry’, then I pass fruit to a function which creates and returns a function called logger which should log the fruit when called. When I call that function, I get…
Listify a JavaScript Array Make a human readable list from an array in JavaScript. When you want to display a list of items to a user, I’m afraid .join(‘, ‘) just won’t cut it: Ok, so bust out your string concat skills right? That’s what I did… but holdup, there’s a better way: Have you…
Angular Ngrx DevTools What are the Ngrx DevTools? The Ngrx DevTools are a Chrome / Firefox browser extension that includes a UI for inspecting and interacting with a Ngrx-based application. As an example, here is a screenshot of the Ngrx DevTools in action: The main features of the Ngrx DevTools As we can see, inside…
How to write a Constrained Identity Function (CIF) in TypeScript A handy advanced TypeScript pattern to increase your productivity. In How to write a React Component in TypeScript, I typed an example React component. Here’s where we left off: I’m not satisfied with the operations function though. I know that every function in that object is…
How to create a simple code with React & Node Backend (Node) We will start by creating a Backend for our app. Create a new folder called server and create an app.js file inside: const path = require(‘path’); const express = require(‘express’); const bodyParser = require(‘body-parser’); const session = require(‘express-session’); const cors = require(‘cors’); const errorHandler = require(‘errorhandler’); const…
Angular Authentication With JSON Web Tokens (JWT) The goal here is to discuss in general, by going over the multiple design options and design compromises involved, and then apply those concepts in the specific context of an Angular Application. JWT-based User Sessions Let’s start by introducing how JSON Web Tokens can be used to establish a user…