Tag: Frontend
-
Micro frontend architecture: Helping you move from theory to practice with our workshop
Posted on September 30, 2023, Level beginner Resource Length long
In monolithic architectures, as applications grow in complexity, it may become increasingly difficult to maintain scalability, promote team collaboration, and ensure technology diversity. By nearform.com.
Tags microservices frontend web-development ux
-
Frontend architecture and how to improve its design
Posted on September 28, 2023, Level beginner Resource Length long
Frontend architecture is a collection of tools and processes that aims to improve the quality of code while creating a more efficient and sustainable workflow. In this blog, we will delve into it, covering its types, benefits, best practices, and everything of utmost value. By Hiren Dhaduk.
Tags frontend software-architecture app-development angular web-development
-
Angular vs Vue: A head-to-head comparison
Posted on September 25, 2023, Level beginner Resource Length medium
Frameworks have grown substantially over the last decade, with some of them serving as game-changers. A common question that every project manager or any other project leader has before initiating the project is, "What technology must I deal with next?" By Shanika Wickramasinghe.
Tags frameworks web-development angular software frontend
-
Site-speed topography remapped
Posted on August 20, 2023, Level beginner Resource Length short
Updated version of Site-Speed Topography technique for getting broad view of an entire site's performance from just a handful of key URLs and some readily available metrics. By Harry Roberts.
Tags css frontend web-development ux app-development
-
How to use PyScript – A Python frontend framework
Posted on June 30, 2023, Level beginner Resource Length medium
Python has grown in popularity immensely in recent years. It has a wide range of applications, from its most popular use in Artificial Intelligence, to Data Science, Robotics, and Scripting. Anaconda announced a framework named PyScript that allows you to use Python on the web using standard HTML. By Ifihanagbara Olusheye.
Tags frameworks web-development app-development frontend
-
Comprehensive guide to React hooks: Simplifying state and side effects
Posted on June 14, 2023, Level intermediate Resource Length medium
React Hooks have revolutionized the way we write React components by providing a simpler and more elegant approach to managing state and handling side effects. In this article, we will explore the core hooks in React and dive into custom hooks, advanced hook patterns, and best practices. Let's get started! By Kingsley Amankwah.
Tags frontend app-development web-development react
-
Web app performance root cause analysis with Application Insights
Posted on May 24, 2023, Level beginner Resource Length medium
Having the ability to identify clear root cause for incidents in production workloads is valuable, the best way to prevent future incidents is to understand what caused past ones. Of course you can have a good set of load tests but still, incidents in production environments can happen and it's crucial to have available data that can help to understand what happened so application can be improved and prevent replications. By LuisLopes.
Tags web-development app-development performance azure frontend
-
Frontend performance checklist
Posted on April 5, 2023, Level beginner Resource Length long
In the speed-obsessed world of today, better performance comes with serious business gains. This frontend performance checklist is a cumulative list of items that we at Crystallize found important when creating a Superfast web application that is Superfast. By Dhairya Dwivedi, Håkon Gullord Krogh.
Tags performance css frontend analytics web-development javascript browsers
-
Design and implement Jira board with drag and drop feature using React and Tailwind CSS
Posted on March 30, 2023, Level intermediate Resource Length medium
In this article, we are going to learn how to design Jira Board like UI using React with Tailwind CSS and how to manage its state using Context API. Also we are going to implement our own custom Drag and Drop feature by implementing reusable custom hooks. By Altamash Ali.
Tags css ux web-development app-development frontend react
-
From Zero to Hero: Learning CSS Grid made easy
Posted on March 28, 2023, Level beginner Resource Length short
In the world of web design, CSS Grid has emerged as a powerful tool for creating complex layouts with ease. This layout system enables designers to create a grid of rows and columns and place elements anywhere on the grid. By Code Home.
Tags css web-development learning frontend
-
Six lessons for a cookieless future
Posted on March 25, 2023, Level beginner Resource Length medium
Cookies — small files that websites put on your computer to store information about your preferences — are relied on by 81% of companies for marketing and growth, according to a recent report by Twilio. But browsers, such as Google Chrome, plan to phase out cookies by 2024, reportedly to appease concerns from their audience. By Tom Ritchie.
Tags web-development app-development miscellaneous browsers frontend
-
Write reusable code for AppSync JavaScript resolvers
Posted on March 6, 2023, Level beginner Resource Length short
Learn how to share code between AppSync JS resolvers. AWS AppSync is a fully managed service that allows developers to build scalable and performant GraphQL APIs. It is also serverless, meaning that you will only pay for what you use. By Benoît Bouré.
Tags nodejs javascript aws frontend apis database