When working with single page application frameworks, the routing is usually handled by some routing module or package. For many developers, how this routing actually works is something of a mystery. The purpose of this article is to help developers...
You might have heard some rumors that we at Ionic were working on a developer tool...an app builder if you will. Well you were absolutely correct and I'm happy to share the official release of Ionic Studio. Studio makes building Ionic apps easy with...
Top-level await, Assert signatures, Recursive type aliases, Null coalescing and Optional chaining. If you haven't been paying close attention to the TypeScript development process though, it's probably not clear what half of these mean, or why you...
When you lazy load a module the user gets the benefit of faster loading of the application. However this comes at the cost of a delay when the module gets loaded at runtime. To mitigate this issue, we can apply some preloading strategy. Angular...
In this article, we will use a monorepo when implementing a microfrontend architecture. We will explore how this approach mitigates problems typically associated with microfrontends.
When people criticize JavaScript today, it’s usually because of limitations in the language itself — patched-on OOP features, weak type safety, the clunky DOM model, the confusion of == versus ===, and so on. But these are not the reasons that...
The Embedded Image Preview (EIP) technique introduced in this article allows us to load preview images during lazy loading using progressive JPEGs, Ajax and HTTP range requests without having to transfer additional data.
This article aims to explain the basic concepts of Redux and React Redux as simply and as clearly as possible, both through theory and examples by building two very simple applications.
While the programming of microcontroller-based embeddable devices typically is the realm of the C language, such
devices are now finding their way into the classroom for CS
education, even at the level of middle school. As a result, the
use of...
This module carries on where CSS first steps left off — now you've gained familiarity with the language and its syntax, and got some basic experience with using it, its time to dive a bit deeper. This module looks at the cascade and inheritance, all...
We’re going to talk about some of the recommended front-end performance optimization techniques you can use to improve it. All of these can be built into your web development workflow starting today.
In an Angular application, the components have their whole lifecycle managed by Angular, from creation to destruction. And it provides us access to lifecycle hooks, which allows us to act in key moments during the component’s lifecycle.
This collection of 14 basic React projects gives you a chance to brush up on some React basics while building classic tutorial projects like a quote generator, tic-tac-toe game, calculator, and more.
In this tutorial, we’re going to scrape a website using Cheerio and Node.js. We’ll run our code on Pipedream (I’m on the team building Pipedream). I’ll also show you how to send yourself an email with some content from the page, and you’ll see how...
Microservices are an architectural approach based on building an application as a collection of small services.
Let’s think of an application as a store. Applications are traditionally “monolithic” which means they are built as a single, autonomous...
When designing a React component for reusability, you often need to be able to pass different DOM attributes to the component’s container in different situations. Let’s say you’re building a <Button />. At first, you just need to allow a custom...
In this video we are going to build a YouTube Clone Application from Scratch using React. This project is great for learning React because is covers a lot of concepts that appear often in reactjs workflow. We're going to mention lifecycle methods,...
If you a JS developer that was always amazed by things Data Scientist doing with Machine learning and Artifical intelligence. Check out this blog and learn how you can create your own image classifiers using only Javascript in less than a few...
Components are the basis of modern SPAs (Angular, Vue, React). They are the simplest building blocks of SP applications. A SPA app is a tree of components, it starts with the root component, going up spreading into multiple branches. A Component...
