<!-- mobian-agent-page publisher="dailydev" canonical="https://daily.dev/sources/asayer/best-of/2022/11" -->

---
title: Best asayer posts — November 2022 | daily.dev
description: The most upvoted asayer posts from November 2022, curated by the daily.dev community.
canonical: https://daily.dev/sources/asayer/best-of/2022/11
twitter:card: summary_large_image
twitter:site: @dailydotdev
og:url: https://daily.dev/sources/asayer/best-of/2022/11
og:type: website
og:site_name: daily.dev
og:title: Best asayer posts — November 2022 | daily.dev
og:description: The most upvoted asayer posts from November 2022, 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 — November 2022

1. 1  
[](https://daily.dev/posts/a-top-collection-of-css-code-generators-dg30erjad "A Top Collection of CSS Code Generators")  
Article  
![Avatar of asayer](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/be8d9d38650943c8a1718ba79f23e9ac)asayer · 4y  
A Top Collection of CSS Code Generators  
Animista is one of the most acceptable code generators for creating animations using CSS. The tool provides a library of pre-made CSS animations that could be included in your work. CSS3 Generator takes care of all the vendor prefixes. OpenReplay is self-hosted for full control over your data.  
129  
9
2. 2  
[](https://daily.dev/posts/top-12-advanced-git-commands-to-know-cvzlk-pa1 "Top 12 Advanced Git Commands to Know")  
Article  
![Avatar of asayer](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/be8d9d38650943c8a1718ba79f23e9ac)asayer · 4y  
Top 12 Advanced Git Commands to Know  
Git commands are rules given to track, store and modify changes to a repository. These commands’ purpose is to do everyone’s jobs easily, fast, in sync and bring clarity. To follow this article well, you should have a basic understanding of Git and have it installed on the system.  
125  
6
3. 3  
[](https://daily.dev/posts/7-microservice-design-patterns-to-use--7mp7qjci "7 Microservice Design Patterns to Use")  
Article  
![Avatar of asayer](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/be8d9d38650943c8a1718ba79f23e9ac)asayer · 4y  
7 Microservice Design Patterns to Use  
Microservice architecture is self-contained and wrap up around one business capability. It also refers to an architectural style for app development. The design is rapidly evolving and is one of the most important aspects of microservices. In the following sections, we’ll discuss seven important patterns.  
116  
3
4. 4  
[](https://daily.dev/posts/dockerizing-full-stack-react-apps-2wsiovxvh "Dockerizing Full-Stack React apps")  
Article  
![Avatar of asayer](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/be8d9d38650943c8a1718ba79f23e9ac)asayer · 4y  
Dockerizing Full-Stack React apps  
Using infrastructures such as Docker and Containers gives a developer an upper hand to quickly set up and deploy applications. Containers are lightweight operating systems that run as a form of virtualization.  
110  
5
5. 5  
[](https://daily.dev/posts/the-best-no-code-development-tools-for-developers-m-d52l8lv "The best no-code development tools for developers")  
Article  
![Avatar of asayer](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/be8d9d38650943c8a1718ba79f23e9ac)asayer · 4y  
The best no-code development tools for developers  
No-code development is an approach to programming whereby you do not need to write codes for web development but use a Graphical User Interface and configuration.  
63  
3
6. 6  
[](https://daily.dev/posts/top-alternatives-to-create-react-app-7fkcefsab "Top alternatives to Create-React-App")  
Article  
![Avatar of asayer](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/be8d9d38650943c8a1718ba79f23e9ac)asayer · 4y  
Top alternatives to Create-React-App  
The React team’s official launch script, Create-React-App (CRA) is the best choice for launching your React applications. There are some difficulties that developers run into while starting their project with the CRA.  
58  
2
7. 7  
[](https://daily.dev/posts/drag-and-drop-events-in-javascript-ap796vjno "Drag-and-drop events in JavaScript")  
Article  
![Avatar of asayer](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/be8d9d38650943c8a1718ba79f23e9ac)asayer · 4y  
Drag-and-drop events in JavaScript  
The HTML Drag and Drop API is the API that provides us with drag-and-drop functionality in the browser. In this article, we will take a quick look at how it works so you can use it for your next big project.  
50  
2
8. 8  
[](https://daily.dev/posts/role-based-access-in-react-3nejpmvyz "Role-based access in React")  
Article  
![Avatar of asayer](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/be8d9d38650943c8a1718ba79f23e9ac)asayer · 4y  
Role-based access in React  
The React app is a simple React app for a company with three distinct roles. We’ll be implementing a role-based access system in a React app using react-router-dom protected routes. Only a marketer will be able to access the software engineering route, and only the human resource personnel will have access to the marketing route.  
51  
2
9. 9  
[](https://daily.dev/posts/all-about-javascript-events-ljhsvfhui "All about JavaScript Events")  
Article  
![Avatar of asayer](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/be8d9d38650943c8a1718ba79f23e9ac)asayer · 4y  
All about JavaScript Events  
Javascript is used to make dynamic and interactive pages in the browser. Sometimes web developers use the Javascript event incorrectly, thereby not giving their webpages the perfect UI and UX it needs. It is a procedure that begins with the element that caused the event and then cascades up to the elements in the hierarchy that contain it.  
46  
2

[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/2022/11#page","url":"https://daily.dev/sources/asayer/best-of/2022/11","name":"Best asayer Posts — November 2022","description":"The most upvoted asayer posts from November 2022, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/asayer/best-of/2022/11#items","numberOfItems":9,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/a-top-collection-of-css-code-generators-dg30erjad","name":"A Top Collection of CSS Code Generators"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/top-12-advanced-git-commands-to-know-cvzlk-pa1","name":"Top 12 Advanced Git Commands to Know"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/7-microservice-design-patterns-to-use--7mp7qjci","name":"7 Microservice Design Patterns to Use"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/dockerizing-full-stack-react-apps-2wsiovxvh","name":"Dockerizing Full-Stack React apps"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/the-best-no-code-development-tools-for-developers-m-d52l8lv","name":"The best no-code development tools for developers"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/top-alternatives-to-create-react-app-7fkcefsab","name":"Top alternatives to Create-React-App"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/drag-and-drop-events-in-javascript-ap796vjno","name":"Drag-and-drop events in JavaScript"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/role-based-access-in-react-3nejpmvyz","name":"Role-based access in React"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/all-about-javascript-events-ljhsvfhui","name":"All about JavaScript Events"}]},{"@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":"November 2022"}]}]}
```

