Browsed by
Category: React

The Unstated React Service Pattern

The Unstated React Service Pattern

This guide demonstrates a React Pattern for sharing global state, without requiring any of the following: 😒 Prop-Drilling đŸ”„ Redux đŸ’Č MobX 🏀 Apollo Link State (The above emojis were auto-selected by Emoj) The Context API Recently I found myself at an Advanced React Training with Michael Jackson(no
 not the King of Pop, the King of React Router 😉). We spent a good deal of the time working through Higher Order components and the new React Context API. Being so new to The React Way, (yet so familiar with…

Read More Read More

DIY React state manager

DIY React state manager

This is a tutorial aim to demystify what libraries like react-redux does under the hood and learn about the new context apis Why even bother I think there are a couple of reasons why you should be interested in how state management works. If you know how it works under the hood, a lot of problems that you might have will be more simple to debug, especially if you’re moving away from a consolidated library to a new library which is…

Read More Read More

You Might Not Need Redux

You Might Not Need Redux

People often choose Redux before they need it. “What if our app doesn’t scale without it?” Later, developers frown at the indirection Redux introduced to their code. “Why do I have to touch three files to get a simple feature working?” Why indeed! People blame Redux, React, functional programming, immutability, and many other things for their woes, and I understand them. It is natural to compare Redux to an approach that doesn’t require “boilerplate” code to update the state, and to…

Read More Read More

The new programming language for web apps Imba

The new programming language for web apps Imba

if ruby and react had an indentation-based child, what would it look like? Imba is a new programming language for the web that compiles to performant and readable JavaScript. It has language level support for defining, extending, subclassing, instantiating and rendering dom nodes. https://github.com/somebee/imba http://imba.io/ https://somebee.github.io/dom-reconciler-bench/index.html ï»ż

Lighter than Lightweight: How We Built the Same App Twice with Preact and Glimmer.js

Lighter than Lightweight: How We Built the Same App Twice with Preact and Glimmer.js

The beauty of the web is that there is no “install” step. Someone, somewhere taps a link to your site, and moments later it appears instantly in front of them. At least, that’s the idea—but not all devices and networks are created equally. Sites that feel fast on a desktop computer with broadband can feel downright slow on a mobile phone with spotty 3G service. So how do you build sites that stay fast no matter what? To help us…

Read More Read More

Building a Serverless Web App on AWS Services

Building a Serverless Web App on AWS Services

Introduction In this tutorial, you’ll learn to build a simple web application using the following AWS Services: AWS DynamoDB as the database AWS Lambda to create functions that will read and write from/to the database AWS API Gateway to create the REST API that the web application will use AWS S3 to host the web application AWS CloudFront to deliver the web application from a location near to the user’s location. Here’s the architecture diagram: For the lambda functions, we will use a Node.js runtime…

Read More Read More