Tag: Frontend
-
How to build interactive pie charts using only CSS and HTML
Posted on January 15, 2023, Level beginner Resource Length medium
Looking for an easy guide on how to make a pie chart with CSS and HTML? Then you've come to the right place! By Hafsah Emekoma.
Tags css web-development frameworks frontend
-
2022 in review: What's new in web performance?
Posted on December 16, 2022, Level intermediate Resource Length medium
The way we measure and optimize website speed is always changing. New web standards are introduced (and eventually widely supported), new tools are developed, and new metrics suggested. By Matt Zeunert.
Tags cio frontend javascript performance
-
Debug Angular apps easily using Angular DevTools
Posted on December 15, 2022, Level beginner Resource Length medium
It's not a secret that the Angular community has needed better tools to inspect the structure of Angular applications and profile their performance. Angular DevTools has been introduced for just that! By Nethmi Wijesinghe.
Tags angular frontend javascript performance
-
WebSockets in a serverless world
Posted on November 18, 2022, Level intermediate Resource Length medium
Serverless and WebSockets is a bit of a contradiction. Serverless implies that we're not managing servers ourselves, they've been abstracted away for our convenience. WebSockets allow us to communicate between a "client" and a "server", but what happens when that server is "serverless"?! By Jo Franchetti.
Tags frontend web-development app-development serverless apis
-
Angular v15 is now available!
Posted on November 17, 2022, Level intermediate Resource Length medium
Over the past year developers removed Angular's legacy compiler and rendering pipeline which enabled the development of a series of developer experience improvements in the past couple of months. Angular v15 is the culmination of this with dozens of refinements which lead to better developer experience and performance. By Minko Gechev.
Tags frontend web-development app-development angular
-
CSS-in-JS for React: Linaria vs. Styled components
Posted on October 12, 2022, Level intermediate Resource Length medium
When building a web application with React, one of the challenges apart from implementing the main logic of the application is styling and choosing the appropriate styling solutions for your application. By Osah Peter.
Tags frontend app-development css react javascript web-development
-
Secure Spring Boot REST API with Apache APISIX API Gateway
Posted on August 21, 2022, Level intermediate Resource Length long
In this walkthrough, we are going to look at some of the Apache APISIX API Gateway built-in plugins for securing your Spring Boot REST APIs and demonstrate how to effectively use them. By Bobur Umurzokov.
Tags infosec app-development web-development frontend
-
A guide to CSS modules with React
Posted on August 20, 2022, Level beginner Resource Length long
There are many different ways to provide styling for React components, such as importing plain CSS, using styled components, JS-in-CSS or CSS Modules. These all have various advantages and disadvantages. In this article I go through some considerations when using CSS Modules. Specifically I am interested in looking at this in a framework agnostic way. By Max Rohde.
Tags web-development css frontend
-
Micro-frontend with React and Next.js
Posted on August 5, 2022, Level beginner Resource Length medium
Working on a large-scale project and managing its codebase can be a big challenge for teams. Though micro-frontends have been in the picture for a while now, they are getting increasingly popular because of their unique features and usability. By Harsh Pate.
Tags frontend react app-development web-development nodejs
-
Can SVG symbols affect web performance?
Posted on July 17, 2022, Level beginner Resource Length medium
SVG Symbol is an unvisited technique for reusing inlined SVGs elements. They seem redundant while using popular component-based frameworks/libraries like React, Vue, Svelte, hence you don't see it a lot on the web. By @Bart.
Tags frontend web-development app-development javascript css
-
Dependency injection in JavaScript: Write testable code easily
Posted on March 25, 2022, Level beginner Resource Length medium
I struggled with two aspects of software development as a junior engineer: structuring large codebases and writing testable code. Test-driven development is such a common technique that is often taken for granted, but it's not always clear how code can be made fully testable. By Nate Anderson.
Tags nodejs javascript web-development frontend tdd
-
Top 10 Angular best practices to improve your Angular app
Posted on March 24, 2022, Level beginner Resource Length medium
Despite all the compelling features offered by Angular, if you overlook your coding practices for the Angular code, there are chances of facing performance issues. By Archita Nayak.
Tags angular web-development learning frontend css google