--- title: Best asayer posts — August 2023 | daily.dev description: The most upvoted asayer posts from August 2023, curated by the daily.dev community. canonical: https://daily.dev/sources/asayer/best-of/2023/08 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/asayer/best-of/2023/08 og:type: website og:site_name: daily.dev og:title: Best asayer posts — August 2023 | daily.dev og:description: The most upvoted asayer posts from August 2023, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of asayer — August 2023 1. 1 [](https://daily.dev/posts/lazy-loading-in-javascript-7awyl5anr "Lazy Loading in JavaScript") Article asayer · 3y Lazy Loading in JavaScript Lazy Loading in JavaScript Back Lazy loading is a method used to defer the loading of non-essential content until it becomes necessary for users to view it. It delays the display of certain elements, such as images, videos, and other multimedia, until the user actively interacts with the webpage. This article will look into the benefits of lazy loading. 191 8 2. 2 [](https://daily.dev/posts/applying-design-principles-in-react-0c5pwrwkl "Applying Design Principles in React") Article asayer · 3y Applying Design Principles in React KISS Principle KISS is an acronym for ‘keep it simple, stupid’ This principle was first coined by Clarence Leonard ‘Kelly’ Johnson (1910-1990), an American aeronautical and systems engineer. This article will explain several popular software development principles and how to implement them in your React code base. 138 4 3. 3 [](https://daily.dev/posts/create-a-ci-cd-pipeline-for-front-end-projects-zad24k11o "Create a CI/CD Pipeline for Front End Projects") Article asayer · 3y Create a CI/CD Pipeline for Front End Projects In modern front-end development, automating the testing and deployment of your apps is mandatory to avoid wasting time or making mistakes. This article will show you how to go about achieving this goal. We’ll walk through the crucial elements of a successful pipeline for Front-end projects. 99 5 4. 4 [](https://daily.dev/posts/react-performing-authentication-with-jwt-ikqnlmfnk "React: Performing Authentication with JWT") Article asayer · 3y React: Performing Authentication with JWT This article will discuss how to perform JWT authentication in a React app. We will cover the steps involved in setting up a backend JWT endpoint, signing up and signing in from your React app, and protecting routes with JWT validation. You will use a custom-built Express server API to relay the JWT token for a user. 80 7 5. 5 [](https://daily.dev/posts/building-a-drawing-application-with-html5-canvas-wh4mo8ra3 "Building a drawing application with HTML5 Canvas") Article asayer · 3y Building a drawing application with HTML5 Canvas The HTML5 Canvas element provides a drawing surface allowing you to manipulate pixels and programmatically create various shapes and graphics. Drawing applications built with HTML5 canvas allow users to interact with the canvas, capturing mouse movements and clicks to draw, erase, or manipulate elements in real-time. 52 2 6. 6 [](https://daily.dev/posts/authentication-in-next-js-with-clerk-y2hejwrse "Authentication in Next.js with Clerk") Article asayer · 3y Authentication in Next.js with Clerk Clerk is a cloud-based authentication service that aims to simplify the integration of secure authentication in web applications. With Clerk, you can: - Permit users to log in using their Google, GitHub, or other social network accounts that they already have. The template of the Notes Manager application has already been created using Next. 51 7. 7 [](https://daily.dev/posts/svelte-vs-vue----a-comparison-iydbsjgxd "Svelte vs. Vue -- A Comparison") Article asayer · 3y Svelte vs. Vue -- A Comparison Svelte is a new and free framework of JavaScript used to build interactive websites. VueJS is a framework for frontend web applications that’s JavaScript-based as well as a Model-View-controller based. It makes use of a virtual DOM to ensure performance, like no virtual DOM (just the real DOM!), less code, and real reactivity. 40 5 8. 8 [](https://daily.dev/posts/the-top-ten-rendering-patterns-in-modern-web-development-0hwdab39m "The Top Ten Rendering Patterns in Modern Web Development") Article asayer · 3y The Top Ten Rendering Patterns in Modern Web Development The Top Ten Rendering Patterns in Modern Web Development Back How to render your website most optimally? This article introduces the ten most commonly used rendering design patterns applied by current frameworks. In each case, we will look at the concept of the rendering pattern, the benefits and drawbacks, the use cases, the relevant frameworks concerned. 36 1 [See all asayer archives](/sources/asayer/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/sources/asayer/best-of/2023/08#page","url":"https://daily.dev/sources/asayer/best-of/2023/08","name":"Best asayer Posts — August 2023","description":"The most upvoted asayer posts from August 2023, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/asayer/best-of/2023/08#items","numberOfItems":8,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/lazy-loading-in-javascript-7awyl5anr","name":"Lazy Loading in JavaScript"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/applying-design-principles-in-react-0c5pwrwkl","name":"Applying Design Principles in React"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/create-a-ci-cd-pipeline-for-front-end-projects-zad24k11o","name":"Create a CI/CD Pipeline for Front End Projects"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/react-performing-authentication-with-jwt-ikqnlmfnk","name":"React: Performing Authentication with JWT"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/building-a-drawing-application-with-html5-canvas-wh4mo8ra3","name":"Building a drawing application with HTML5 Canvas"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/authentication-in-next-js-with-clerk-y2hejwrse","name":"Authentication in Next.js with Clerk"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/svelte-vs-vue----a-comparison-iydbsjgxd","name":"Svelte vs. Vue -- A Comparison"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/the-top-ten-rendering-patterns-in-modern-web-development-0hwdab39m","name":"The Top Ten Rendering Patterns in Modern Web Development"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sources","item":"https://daily.dev/sources"},{"@type":"ListItem","position":3,"name":"asayer","item":"https://daily.dev/sources/asayer"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/asayer/best-of"},{"@type":"ListItem","position":5,"name":"August 2023"}]}]} ```