At the heart of the JAMstack are static site generators that store your data as flat files. Sometimes, managing data this way can be overly complicated. Sometimes, we still need a database. With that in mind, Netlify — a serverless cloud database — collaborated to make combining both systems easier. In this article, Bryan Robinson will create a personal bookmarking site using FaunaDB, Netlify Functions and 11ty data files.
Read more…
Flutter provides great animation support for cross-platform apps. This article explores the new unconventional and an easier way to add animations to apps.
Read more…
You’ve probably heard of WebAssembly and why it’s a powerful tool in the browser. In this article, Robert Aboukhalil will explore why serverless WebAssembly might be equally powerful outside the browser, and how to get started using it. Certain types of applications — such as data analysis and image processing, to name a few — can greatly benefit from such an approach. Though the runtime suffers because of the additional round-trips to the network, this approach does allow us to process more data at a time and not put a drain on users’ resources.
Read more…
React developers can get the advantages of Ionic to build hybrid mobile apps and progressive web apps. In this tutorial, Ahmed Bouchefra will use both Ionic and React to build a simple mobile application that fetches and displays news data from a third-party API using the Axios client. You will also see how to use hooks in React — namely, the useState() and useEffect() hooks — to create state and perform side effects inside React function components. With Ionic, we’ll see how easy it is to generate a project based on React and how you can theme the application using the color attributes of components.
Read more…
Customers’ loyalty does not come for free. While it would be nice if they were satisfied with a high-quality product with some extra bells-and-whistles thrown in, sometimes what’s needed to seal the deal is a rewards system. But when a client asks you to design the mechanism for their loyalty program, how do you decide which format it should take? In this article, Suzanne Scacca shows you what you need to know about designing mobile loyalty programs.
Read more…
Apps are no small undertaking. Nor are they cheap to build and maintain. So, before you move ahead with creating a new mobile app or SaaS for your client, perhaps you should consider launching a minimum viable product (MVP) instead. With an MVP, you have a low-risk and lower cost way of testing your concept on the market. What’s not to love about that? In this article, Suzanne Scacca will show you what you need to know.
Read more…
This tutorial will help you transform an app that doesn’t work offline into a PWA that works offline and shows an update available icon. In this article, Jad Joubran will show you a step-by-step tutorial for adding a service worker to an existing one-page website. You will learn how to precache assets with workbox, handle dynamic caching as well as handle updates to your PWA. Follow along and see how you can also apply these techniques on your website.
Read more…
We are still at the beginning stages of the new technological revolution — the exciting time when technologies like AR will be an expected part of our daily routines — and it’s our opportunity to create a solid foundation for the future generation of designers. Designers who work on AR projects have a role of explorers — they experiment and try various approaches in order to find the one that works best for their product and delivers the value for people who will use it. In this article, Gleb Kuznetsov shares his personal experience and advice on how to create and design AR apps.
Read more…
Styling applications is a world in itself, one not often given the importance and attention it deserves. With complex modern user interfaces, it’s only matter of time before your app becomes a mess of unordered styles, reducing consistency and making it harder for new code to be added or changes made to the existing codebase. In this article, Ajay NS welcomes you to take a detailed dive into the different ways of organizing styling in modern applications which often have complex interfaces and design patterns. Let’s walk through BEM, preprocessors, CSS-in-JS and even design systems to find out what works best for you.
Read more…
DOM changes can be frequent, and as a result, there are instances where your app might need to respond to a specific change to the DOM. Monitoring for changes to the DOM is sometimes needed in complex web apps and frameworks. By means of explanations along with interactive demos, Louis Lazaris will show you how you can use the MutationObserver API to make observing for DOM changes relatively easy.
Read more…
