Tag: Frontend
-
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
-
A complete guide to TypeScript's never type
Posted on March 12, 2022, Level intermediate Resource Length medium
TypeScript's never type is very under-discussed, because it's not nearly as ubiquitous or inescapable as other types. A TypeScript beginner can probably ignore never type as it only appears when dealing with advanced types, such as conditional types, or reading their cryptic type error messages. By Zhenghao.
Tags programming javascript app-development frontend nodejs
-
What web frameworks solve and how to do without them
Posted on February 2, 2022, Level intermediate Resource Length long
In this article, Noam Rosenthal dives deep into a few technical features that are common across frameworks, and explains how some of the different frameworks implement them and what they cost. By Noam Rosenthal.
Tags frontend frameworks javascript app-development performance
-
Deep dive on Angular I18n with ngx-translate
Posted on February 1, 2022, Level intermediate Resource Length long
Learn how to internationalize Angular apps step by step with the help of ngx-translate, one of the most popular open-source libraries for i18n. By Ankit.
Tags frontend angular nodejs javascript app-development
-
Comparing SPAs to SSG and SSR
Posted on December 22, 2021, Level beginner Resource Length medium
What are the differences between Single Page Apps (SPA), Server Side Rendered Sites (SSR), and Static Site Generator based sites (SSG)? How do they compare in performance, SEO, developer experience, and flexibility? In this article, we give you an in-depth comparison of SPA, SSR, and SSG to help you make an informed decision on which strategies to use for your next front-end project. By Jacob Jackson.
Tags frontend css web-development angular javascript nodejs react