Animations delight users. And you’d think, by the sheer volume of articles, that React Hooks delight developers. But for me, fatigue was starting to creep into my opinions on Hooks. But serendipity saved me, as I found an example that was a good match for React Hooks, rather than just “the new way”. As you probably have guessed by this article’s title, that example was an animation.
(Note: This article was first published on freecodecamp.org.)
I was working on a React application with cards in a grid. When an item was removed, I wanted to animate its exit, like this.
Unfortunately, there are nuances to making this work. …
Handling auth is painful. But most applications need to authenticate users and control what resources they can access. Microservices, though growing in popularity, can add complexity. You need to secure both the user’s actions and the interactions between services.
AWS offers some great building blocks for a microservices architecture. But like furniture from IKEA, you have to assemble the pieces yourself. Plus the instructions aren’t very good.
We’ll build a simple application and configure AWS to authenticate a user and secure a microservice.
Working Demo: https://auth-api-demo.firebaseapp.com/ (user:
GitHub Repo: https://github.com/csepulv/auth-api-demo
Base Use Case/Assumption: There are two groups of resources — a) those that need an authenticated user and b) those that do not. …
Microinteractions guide a user through your application. They reinforce your user experience and provide delight.
In this article, I’ll focus on animated microinteractions using React, Facebook’s popular, component-oriented UI framework. I’ll build three interactions for a searchbox:
I’ll use a few different implementations: