teleren/devto huggingface dataset:
Day15: Hell of callbacks
Tags: 100daysofcode, javascript, day15
Published: 2023-07-31 13:30:00

## Asynchronous

JavaScript is single-threaded, which means it executes one operation at a time. This can be problematic when dealing with time-consuming tasks, such as fetching data from APIs or performing heavy computations. Asynchronous programming allows us to execute tasks concurrently without blocking the main thread, ensuring that our applications remain responsive.

## Built-in Async Functions
**setTimeout** and **setInterval** are built-in JavaScript functions that allow you to delay the execution of code or repeat it at specified intervals.

Syntax: `setTimeout(<function>, duration)`

Callbacks have been the traditional way of handling asynchronous operations in JavaScript. A callback is a function passed as an argument to another function, which will be executed once the asynchronous task completes.

```javascript
function stepOne(callback) {
  setTimeout(() => {
    console.log('Step One Complete');
    callback();
  }, 1000);
}

stepOne(() => console.log('callback after step 1 completed'));
```

## Callbacks Hell
While callback get the job done, nested callbacks can lead to the dreaded "callback hell," making code hard to read and maintain

```javascript
function stepOne(callback) {
  setTimeout(() => {
    console.log('Step One Complete');
    callback();
  }, 1000);
}

function stepTwo(callback) {
  setTimeout(() => {
    console.log('Step Two Complete');
    callback();
  }, 800);
}

function stepThree() {
  setTimeout(() => {
    console.log('Step Three Complete');
  }, 500);
}

// Nested Callbacks - Callback Hell
stepOne(() => {
  stepTwo(() => {
    stepThree();
  });
});
```
Callback hell, also known as "Pyramid of Doom," is a situation where multiple nested callbacks make the code difficult to read and maintain. This often happens when dealing with complex asynchronous operations.


## Maintainer 

<img src="https://i.imgflip.com/7ua883.jpg" title="made at imgflip.com"/>
O Grande Microlivro de Git está disponível!
Tags: git, beginners, github, braziliandevs
Published: 2023-07-31 13:02:46

E se você pudesse ter um dicionário de Git? Um livro onde você encontrasse uma descrição do funcionamento dos comandos mais comuns utilizados no dia-a-dia, com exemplos práticos?

Este microlivro é uma introdução aos conceitos e comandos fundamentais do Git, um sistema de controle de versão amplamente utilizado por pessoas desenvolvedoras de software.

Ao longo do livro, você terá a oportunidade de praticar os conceitos e comandos por meio de exemplos do mundo real.

[Saiba mais clicando aqui.](https://jtemporal.com/microlivrodegit/?utm_source=devtopost)
Front-End Animation: Angular vs React in 2023
Tags: webdev, angular, react, beginners
Published: 2023-07-31 12:58:44

Comparing Angular and React: Advantages and Success Stories

When it comes to front-end development, both Angular and React offer unique advantages that have attracted the attention of major players in the tech industry. Let's explore what sets them apart and how they have been utilized by tech giants.

Angular's Strengths and Success Stories:
Angular's opinionated architecture and structured approach have positioned it as a top choice for building large-scale applications. Its adoption by tech giants like Google and Microsoft speaks to its capabilities.

For Google, Angular plays a pivotal role in products like Google Cloud Platform (GCP) and Google Ads. The framework's scalability and robust ecosystem have been instrumental in empowering Google's web projects. Microsoft also relies on Angular for enterprise-grade solutions, as seen in its integration with Microsoft Azure.

One of the key advantages of Angular is its comprehensive ecosystem, reducing the reliance on external libraries. It comes equipped with built-in features for routing, form handling, testing, and more. Additionally, Angular's two-way data binding simplifies user input and state management, making it an attractive option for front-end development.

React's Advantages and Impactful Implementations:
React has garnered immense popularity among developers, largely due to its powerful features and real-world effectiveness. Leading companies like Facebook and Netflix have harnessed React's potential to deliver exceptional user experiences.

Developed by Facebook, React is at the core of their platforms, including the Facebook website and mobile apps. Thanks to its virtual DOM and efficient diffing algorithm, Facebook delivers fast and responsive user experiences to billions of users globally.

Netflix, the renowned streaming service, also relies heavily on React for front-end development. React's efficient rendering performance and modular architecture allow Netflix to provide a seamless and personalized streaming experience to millions of users.

React's component-based architecture, complemented by a vibrant community-driven ecosystem of libraries and tools, has contributed significantly to the success of prominent companies in delivering exceptional user experiences.

Choosing Between Angular and React in 2023:
As you consider Angular and React for your front-end development projects in 2023, several factors come into play, including performance, scalability, community support, and project requirements.

Evaluating these factors and staying up-to-date with the latest trends will help you make an informed decision. Additionally, seeking consultation from the best [custom software development company](https://www.rootquotient.com/) can provide valuable insights to leverage the strengths of Angular or React and build modern, robust web applications that meet your specific needs.

Get to know more insight at [Angular vs React: Which Front-End Framework Reigns in 2023?](https://www.rootquotient.com/blog/angular-vs-react-for-front-end-development/)
I built a portfolio and would love to hear your feedback!
Tags: webdev, react, discuss
Published: 2023-07-31 12:32:34

---
title: I built a portfolio and would love to hear your feedback!
published: true
description: 
tags: #webdev #react #discuss
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rhltl2djl9tij4x2hib1.jpg
# Use a ratio of 100:42 for best results.
---

Hello everyone!!
Three years ago I posted about my new portfolio as a new grad. Now I'm building a new one to showcase the experiences I had during these three years as a front-end engineer. I also developed a passion for design and I haven't had the chance to incorporate it into a project yet. So this is my first public project in which I showcase my design work. I would love to hear your thoughts on the direction of the portfolio and any areas that I could improve upon. Your feedback is greatly appreciated! Thank you in advance!


Portfolio: http://aminejv.com/
CONNECTING VISUAL STUDIO TO GITHUB
Published: 2023-07-31 12:20:47

****

To connect visual studio code to GitHub account or to push visual studio project to GitHub repository the steps are as follow;
**Step1** 
Make sure you have created your GitHub account and you have data. Open your visual studio and open your project folder into visual studio.
**Step2 **
Open your GitHub account on the right side of your account click on this symbol            a list will appear then click on new, give a name to your repository and the click on create repository. Copy the URL on the search bar of the page that appear when you click on create repository.
**Step3 ** 
Go to your visual studio click on source control then click on initialization repository and give any simple message on the search bar that appear. Then press control + enter then click on yes
**Step4**
Click on the 3 dots in that visual studio then om push to GitHub a small message will appear then click on Add remote. A search bar will appear then past the URL of the repository you copy and press enter and give it a remote name and then enter. After this pushing will start.  
**Step5**
Click on the again on the 3 dots and click on push to GitHub select the URL you just pasted below and then enter. After loading it will open GitHub login form file the form correctly and then login. It will load after it will stop that means it has been pushed success.
**Step6**
Open your GitHub account  and refresh , after refreshing your files in your project  folder in your visual  studio will appear on your account.
Using NodeJS with React.js | Perfect Stack for Modern App Development
Tags: node, react, development, developers
Published: 2023-07-31 12:15:35

React is a well-known front-end JavaScript package that creates captivating user interfaces. On the other hand, developers can design scalable web apps with great functionality and minimal latency using the server-side JavaScript environment Node.js. But combining React with Node.js is highly helpful for creating full-stack contemporary online apps. This article discusses why you should combine these two cutting-edge technologies and how they brilliantly function to create maintainable apps that run swiftly.

**Introducing Node.js**

A JavaScript run-time environment called Node.js was developed using Google Chrome's V8 engine. It is an open-source programming language that accelerates development and helps create reliable backends that can run across various platforms.

**Introducing ReactJS**

Creating reusable UI elements is made feasible by the front-end JavaScript package ReactJS. It makes it easier to create huge, dynamic web programs that are data-driven. It also provides excellent functionality and responsiveness on a number of devices. ReactJS is widely used on websites that use the JavaScript library. Users can build scalable online applications with attractive UIs, dashboards, and front-ends thanks to React's straightforward architecture.

**Why Combine Node.js and React for Modern Web App Development?** 
  
1. Scalability
2. MERN Stack
3. JSON APIs
4. Real-time Data
5. Fast Development
6. SPAs (Single Page Applications)
7. Single Language for Front-end and Back-end
8. Ability to install packages with NPM
9. Organized Process

Your web development project might be advanced with a great deal less time and work if you use React and Node.js. To create compelling online applications, you must collaborate with qualified full-stack developers. If you want to design a modern web project using React and Node, you should work with devoted and knowledgeable professionals. [This article](https://www.itarch.info/2023/07/using-nodejs-with-reactjs-perfect-stack.html) will help you to get all information about the Using NodeJS with React.js for Modern App Development.
Ingress-nginx-controller pod is in pending state
Tags: kubernetes, devops, googlecloud
Published: 2023-07-31 12:07:51

Good Evening community,
I'm doing some of the R&D on the Kubernetes by using ingress-nginx-controller proxy to load balancer.
All the replicas of the deployment of the pods are running and the pods are with only clusterIp and i'm exposing the port number with Load balancer.
But the ingress-nginx-controller is in pending state.
The ingress yaml file is also placed below 


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v6p09fue84u4fn573llk.png)

While creating before this file i have created a namespace called ingress-nginx. Then i'm getting the **error messsage is failed webhook validation no endpoints for admission which is created**.
 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pggua8imq8j31zwfhuvk.JPG)

Can any body help me out from this problem....
D8 #100DaysOfOSS
Tags: 100daysofcode, 100daysofoss, programming, opensource
Published: 2023-07-31 12:00:09

D8 #100DaysOfOSS with #saucedopen


Got the hang of JS synchronous flow and single-threaded setup. Built a HTTP server for a TODO app, set up PUT & DELETE routes, and checked 'em with Postman API. The backend is all set and ready to rock!

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8ajgn58k3cqirdlsv7ea.png)

#100DaysOfCode #opensauced #opensource
When to Branch Your Code (Git)
Tags: git, softwareengineering, beginners, coding
Published: 2023-07-31 12:00:00

Version control systems like Git are fundamental tools. They provide a way to track changes to our code, collaborate with others, and, importantly, experiment without fear. Branches have a special role to play. The best way to understand the importance and correct timing of creating a new Git branch is to picture it as a science experiment.

## Branches - The Science Experiments in Code

In a lab, scientists run experiments to test hypotheses, trial new approaches, and probe the unknown. They carry out these investigations in a controlled environment where, if things go awry, the whole lab isn't blown to smithereens. Instead, they can adjust their hypothesis, tweak the method, or simply discard the experiment and begin anew.

Git branches provide a safe environment for your codebase. They allow you to work on new features, bug fixes, or entirely experimental code, separate from your stable, primary codebase. Like a lab experiment, a new Git branch is something you can create without fear and abandon if it doesn't pan out as planned.

## Merging - Strengthening the Codebase Tree

Just like successful experiments that contribute to scientific knowledge, well-executed Git branches eventually get merged back into the main project. This merging signifies that your 'experiment' was successful, be it a new feature implementation or an innovative solution to a bug. This successful experiment then becomes a part of your codebase, strengthening and enriching it; akin to adding a new, robust branch to a tree.

## When Should You Branch?

The golden rule is: branch when you're about to begin work that could potentially disrupt your main codebase, even if the risk is minimal. It's like putting on safety goggles before an experiment. You might not always need them, but you'll be glad you have them when things unexpectedly splatter.

Here are a few common instances when you should create a new branch:

1. When you're adding a new feature: This new feature is your hypothesis. Test it, refine it, and when it's ready, merge it back in.
2. When you're fixing a bug: Consider this as a corrective experiment. Make sure the fix works perfectly before integrating it back into your main code.
3. When you're experimenting: Maybe you're trying out a new programming approach, or perhaps you're testing how a new technology fits into your project. Branch out, and don't be afraid to discard the results if they don't meet your expectations.

Remember, branching is your safety net in the world of code. Make it a habit to branch often, merge successful 'experiments,' and fearlessly winnow those that didn't work out. It's all part of the process of nurturing and growing the tree that is your codebase. So branch wisely and branch often!
Strategic Plans
Tags: businesstransformation, business, storybytes
Published: 2023-07-31 11:42:03



![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5oanum6swa2c4hvxm4s0.png)

As every business organisation runs through different hurdles and swings, it’s important to remember and redefine your strategy. What is strategy? “Strategy” has been studied by many experts, business leaders and business theorists for years. Yet, there is no definitive answer about what strategy is. One reason for this is that everyone thinks about strategy in different ways. For instance, some believe you must analyse the present carefully, anticipate changes in your market or industry and, from the results, plan how you’ll succeed. Meanwhile, others think the future is too difficult to predict, and they prefer to evolve their strategies organically over time. Michael Porter, a strategy expert and professor at Harvard Business School, emphasises the need for a strategy to define and communicate an organisation’s unique position and says that it should determine how organisational resources, skills, and competencies should be combined to create a competitive advantage in the market. While there will always be some evolved element of strategy, planning for success in the marketplace is essential. This means organisations must take full advantage of the opportunities open to them and anticipate and prepare for the future at all levels. As strategies grow organically in your organisation, you will define your mission, vision, values and goals. This will also let the organisation bloom in a space where culture is created.  Culture is ultimately one of the results of all the strategic parts. And Culture, as we know, eats strategy for breakfast. Ultimately, map every strategy with culture in mind.
SVG Filter tag need manual render on DOM
Published: 2023-07-31 11:34:30

Hi Community

Need one Help, I have added a **filter** tag inside **SVG** tag and the filter attribute didn't worked until I manually change anything on DOM and re-render.

[HTML Online Code](https://codebeautify.org/alleditor/y23372b9f)

Please try the above html and when click on button you can see changes in DOM. but you manually need to update it to see the changes on screen.
Challenges and Opportunities with DX
Tags: devex, dx, challengeandgrowth
Published: 2023-07-31 11:30:00


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ic5oeg0uj5qbpr2laajg.png)

Hey guys! Are you all right?

I am happy to share with you another article about DX (Developer Experience). In this article, I’m going to talk about the technical challenges and growth opportunities that can be faced in delivering good DX to internal collaborators.
As you know, DX is the way development teams interact with the company’s tools, processes, and culture, and I’ve said it before, but it bears repeating, DX is not only important for end users of products and services but also for the development teams themselves! Good internal DX means that development teams can work efficiently, creatively, and collaboratively, using the best tools and practices available. It can increase the productivity, quality, and satisfaction of development teams so they can solve their problems quickly, easily, and in a fun way. But how can we achieve good DX for internal collaborators?
But what are the technical challenges that need to be overcome to achieve good indoor DX? Well, the ones I remember now are:
- Maintain consistency and compatibility between the different systems and platforms that exist
- Ensure that our code is readable, testable, and following good programming practices.
- Keep documentation up-to-date and accessible
- Ensuring code and data quality and security
- Integrate different systems and technologies, using automation and monitoring tools
- Automate and streamline development, deployment, and monitoring processes
- Resolve bugs and issues quickly
- Scale infrastructure and resources
- Facilitate communication and feedback between the development team and other stakeholders

To overcome these challenges, we must seek opportunities for personal and professional growth, which is why it is necessary to:
- A culture of collaboration, feedback, and ideas
- An agile and flexible methodology
- A modular and scalable architecture
- A diverse and qualified team
- A continuous learning mindset
- Learn innovative technologies and methodologies
- Improve our communication and collaboration skills
- Solve complex and creative problems
- Participate in online courses, workshops, and events
- Seek mentorship and coaching from more experienced professionals
- Ask my internal collaborators for feedback and suggestions

These are also some of the growth opportunities we must improve our internal DX. By doing this, we not only benefit our internal employees but also our external customers.
I hope you enjoyed this article on DX. If you have any questions or comments, please leave them below.

Hope you enjoyed this article.

Thank you for your attention and see you later!

[Armando Guimarães Junior](https://www.linkedin.com/in/armandojr/) 🥑
Definition of Done
Tags: agile, definitionofdone, agileteams, storybytes
Published: 2023-07-31 11:21:19


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1t0fpvutrxgixihjwraz.png)

In any workflow, the most satisfying stage is when work is done. We are ready to share the progress and share that we are done. But what does “Done” mean? Everyone has a different view of what done means for them. You must rely on transparency, inspection, and adaptation as an agile team. Transparency requires courage and trust. The team can only inspect work, progress, and quality when they are transparent. Without inspection, there is no adaptation. These are the core principles of an Agile Team, and the Definition of Done (DoD) is a commitment by the Team to make the Increment transparent. This is where a DoD is crafted. It's a shared understanding of what it means for work to be complete. The Team agrees to deliver each Release’s “Done” Increment, and a Product Owner may choose to release it accordingly. The team crafts the list of definitions and evolves in detail in future. Don't worry about perfecting it; it's more important to be realistic. If the meaning of done is so weak that the team can't create a usable increment at least once a release, then improving the DoD should be a high priority.  The best time to Inspect & Adapt the existing DoD is the Retrospective meeting. The teams can discuss what was done and how it was done. And if necessary, certain items could be added to the DoD. By adopting these steps and getting everyone’s satisfaction, Done will be Done.
How QuickBooks Enterprise Hosting Streamlines Accounting Operations
Published: 2023-07-31 11:08:04

QuickBooks Enterprise hosting is a cloud-based solution that significantly streamlines accounting operations for businesses. By moving powerful accounting software to the cloud, organizations can leverage a host of benefits that enhance efficiency and productivity in their financial management processes.

Firstly, [QuickBooks Enterprise hosting](https://www.clouddesktoponline.com/quickbooks-enterprise-hosting/) enables real-time collaboration among accounting teams and stakeholders. Multiple users can access the same company file simultaneously from different locations, fostering seamless teamwork and ensuring that everyone is working on the most up-to-date data.

Secondly, remote access becomes a reality with hosting. Accountants and finance personnel can securely log in to QuickBooks from any device with an internet connection, whether it's a desktop computer, laptop, tablet, or smartphone. This flexibility empowers them to work from home, during travel, or from client sites without any disruptions to accounting tasks.

Moreover, hosting providers maintain robust security measures, including data encryption, firewalls, and multi-factor authentication, to safeguard sensitive financial information. This ensures data integrity and confidentiality, reassuring businesses about the safety of their financial records.

QuickBooks Enterprise hosting also offers scalability, enabling businesses to easily adjust resources and accommodate growth. As the company expands, the cloud infrastructure can effortlessly handle increased workloads and the addition of new users.

Lastly, with hosting, businesses can rely on the hosting provider for routine software maintenance, updates, and backups. This relieves the burden on in-house IT teams, allowing them to focus on strategic initiatives rather than mundane maintenance tasks.

Conclusion: 
QuickBooks Enterprise hosting from Apps4Rent is a game-changer for streamlining accounting operations. By providing real-time collaboration, remote accessibility, enhanced security, and scalability, businesses can efficiently manage their financial tasks and focus on growth without worrying about software maintenance. Embracing cloud technology through hosting with Apps4Rent offers a competitive edge and boosts overall productivity in financial management.