Tag: 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
-
How to send emails with SendGrid in Next.js: Complete guide
Posted on March 1, 2023, Level beginner Resource Length medium
As a developer, you may need to send emails from your application for a variety of reasons, such as sending notifications or user verification emails. In this article, we will explore how to send emails from a Next.js API using SendGrid. By @TechZilla.
Tags frontend web-development how-to javascript
-
How to handle errors in React: full guide
Posted on February 28, 2023, Level intermediate Resource Length medium
We all want our apps to be stable, to work perfectly, and cater to every edge case imaginable, isn't it? But the sad reality is we are all humans (at least that is my assumption), we all make mistakes, and there is no such thing as a bug-free code. By Nadia Makarevich.
Tags programming frontend web-development react javascript
-
Maximizing user experience: Strategies for improving frontend performance S01-E01
Posted on February 21, 2023, Level beginner Resource Length medium
In today's fast-paced digital world, the speed of your website can make or break the user experience. With abundant information at our fingertips, users expect websites to load quickly and efficiently. As frontend developers, it's our responsibility to deliver a seamless experience for our users. By Gaurav Sharma.
Tags cio frontend javascript app-development ux web-development
-
What is changing for Vuejs developers in 2023
Posted on February 20, 2023, Level beginner Resource Length medium
2022 saw some major changes in the Vue.js ecosystem from Vue 3 becoming the new default Vue version, to development environments pivoting to Vite, to a stable release of Nuxt 3. What do all these changes, and others, mean for Vue.js devs in 2023? By Daniel Kelly.
Tags cio frontend javascript cloud web-development
-
Deno fresh WASM: Code modules in Rust
Posted on February 12, 2023, Level intermediate Resource Length long
Deno Fresh WASM is pretty easy to set up, just by adding a single dependency to your project. This lets you write code in Rust, compile it to WASM and then use that generated module in your Deno project. By Rodney Lab.
Tags performance app-development frontend web-development