Skip to main content

More Productive @Work, How?

        Want to be More Productive at Work without losing time. Below are the two links you can follow up. 


         Here's a website THE CHEATSHEET :


1.  Amazing work by Rico's Cheatsheets


Web Technologies like HTML, CSS, Bootstrap

Frontend like Reactjs, Vuejs

Databases like SQL, knex, PostgreSQL


2. A really appreciable post by Mahesh Patidar on DEV Community.


3. I personally use this Grepper.


4. for JavaScript JavaScript Info


5. Tailwind CSS


6. Angular Material


7. React Material


8. JS Charts


9. Google Search like a PRO


10. React Motion


11. Free Tailwind CSS components 


12. web developer


13. syncfusion


14. CSS color picker


15. https://reactnavigation.org/


16. typescript hotexamples


17. list-of-javascript-functions


18. React Router cheatsheet


19. Discover popular threads on web


20. svgrepo


21. bootstrap 5


22. Angular logging


23. https://www.javascripttutorial.net/es6/javascript-object-destructuring/


24. ES5-ES12 and their common syntaxes


25. Document react components 


26. how to use useState hook efficiently


27. Mat-UI module

31. easy add mat-icon

28. some APIs concept

29. React eg website

30. world chart & more npm

des: 

There are several Angular libraries that can be used to display a world map and add data to it. Some popular options include:

  1. Angular-Leaflet-Directive: This library allows you to easily add a Leaflet map to your Angular application and add data to it using Angular directives.

  2. Angular2-Google-Maps: This library allows you to add a Google Maps map to your Angular application and add data to it using Angular components.

  3. ngx-mapbox-gl: This library allows you to add a Mapbox GL map to your Angular application and add data to it using Angular components.

  4. ngx-openlayers: This library allows you to add a OpenLayers map to your Angular application and add data to it using Angular components.

Each library has its own set of features and documentation, so it's important to evaluate which one best fits your needs and is easy to use.

Cloudcraft is a cloud infrastructure design and documentation tool. It allows users to create visual diagrams of their cloud infrastructure, including services and resources from providers such as AWS, Azure, and Google Cloud. It can also automatically generate documentation from the diagrams, making it easier to understand and maintain complex cloud environments.

Terraform is a tool for building, changing, and versioning infrastructure safely and efficiently. It can be used to manage popular service providers, such as AWS, Azure, and Google Cloud, as well as custom in-house solutions. Terraform can be used to create, update, and manage infrastructure as code, allowing for versioning, collaboration, and automatic provisioning and management of infrastructure. This helps to make infrastructure more predictable, scalable, and easier to troubleshoot.

Metadata is data that describes other data. It provides information about a particular item's content, quality, condition, and other characteristics. In computing, metadata is often used to describe files, database records, or other digital resources. Examples of metadata include the date a file was created, the file size, the author's name, and keywords that describe the contents of a file. In the context of cloud computing, metadata also refers to information about the running instance such as hostname, IP address, and user-data. It can be access via API calls to the cloud provider.

In Angular, there are several ways to pass data from a parent component to a child component, and vice versa.

  1. Using @Input() and @Output() decorators:
  • The @Input() decorator is used to pass data from the parent component to the child component.
  • The @Output() decorator, along with the EventEmitter class, is used to pass data from the child component to the parent component.
  1. Using a shared service:
  • Create a service that can hold the data, and inject it in both parent and child component.
  • Any component can update the data, and the other component will have the updated data.
  1. Using a template variable and ViewChild:
  • Use a template variable to access the child component in the parent component's template.
  • Use the ViewChild decorator to access the child component in the parent component's class.
  1. Using a route:
  • When navigating to a child component, data can be passed via the route.
  1. Using a store like ngrx or any other state management tool
  • It can be used to store the state of the application and pass it between components.

Ultimately, the choice of how to pass data between components will depend on the specific requirements of your application.


TanStack Query v4

Powerful asynchronous state management for TS/JS, React, Solid, Vue and Svelte

Toss out that granular state management, manual refetching and endless bowls of async-spaghetti code. TanStack Query gives you declarative, always-up-to-date auto-managed queries and mutations that directly improve both your developer and user experiences.

TanStack Query | React Query, Solid Query, Svelte Query, Vue Query

Overview | React Query | TanStack

I'll add more links and code snippets. Thank you :)


Comments

  1. Robertmycs20 April 2026 at 02:10

    Since this article is completely off-topic, poorly structured, and fails to provide any actionable productivity tips or stitch images together guidance, you might want to check my carefully curated collection of stitching software recommendations and practical how-to guides.
    stitch photos together

    ReplyDelete

Post a Comment

Popular posts from this blog

GraphQL vs REST

  GraphQL   GraphQL is an application layer server-side technology which is developed by Facebook for executing queries with existing data. GraphQL can optimize RESTful API calls. It gives a declarative way of fetching and updating your data. GraphQL helps you to load data from server to client. It enables programmers to choose the types of requests they want to make. REST REST is a software architectural style that defines a set of constraints for creating web services. It is designed specifically for working with media components, files, or hardware device. The full form of REST is Representational State Transfer. ========================================================= Here is the important difference between GraphQL and REST. GraphQL REST GraphQL is an application layer server-side technology which is developed by Facebook for executing queries with existing data. REST is a software architectural style that defines a set of constraints for creating Web services. It follow...
Post a Comment
Read more

DBMS ACID Properties

 1. Atomicity states that database modifications must follow an all or nothing rule 2. Consistency states that only valid data will be written to the database. If, for some reason, a transaction is executed that violates the database's consistency rules, the entire transaction will be rolled back and the database will be restored to a state consistent with those rules.  3. Isolation requires that multiple transactions occurring at the same time not impact each other's execution. For example, if Joe issues a transaction against a database at the same time that Mary issues a different transaction, both transactions should operate on the database in an isolated manner. The database should either perform Joe's entire transaction before executing Mary's or vice-versa. 4.  Durability ensures that any transaction committed to the database will not be lost. Durability is ensured through the use of database backups and transaction logs that facilitate the restoration of committe...
Post a Comment
Read more

Competitor or Alternative of IDM (Internet Download Manager) 🤔

  Yes you heard right, a perfect competitor and alternative of IDM (Internet Download Manager) that helps you to get links from Torrent download, YouTube videos and many more. I was really fan of IDM (Internet Download Manager). I always use genuine products for my work and productivity but yes free applications as well 😉😄 mostly. But sometimes laziness and saving money a bit helps too. Problem started when I installed the crack version of IDM and it always prompted to buy/register the product. Although it was a valid reason from their side as well. 😄😄 I started to search and got a free, powerful, best alternative named   EagleGet for Windows  You can download it from Softinic  or Filehippo   I found it very useful in many ways, some of them are faster downloads it can track links and starts downloading as soon you copy  works like a charm, it doesn't integrate videos after downloading finishes (like you can notice in IDM) I think yo...
Post a Comment
Read more