teleren/devto huggingface dataset:
Redux: As a beginner
Tags: react, webdev, redux, javascript
Published: 2024-06-13 18:39:37

Hello everyone👋,

I am a Junior Front-End Web Developer, and I have decided to document my journey learning new technologies in front-end development and beyond.

My first article will be about Redux JS, a state management tool that helps us manage the state of our app. But what exactly is state?

State is defined as an object that stores data or information about a component in ReactJS. Whenever data in the state changes, React will "react" to this change and the component will re-render. In simple terms, state is a box where we store our component's data/properties.

There are many ways to control and manage the state of a component. When a component's size is small, it is easy to control its data using simple built-in hooks like useState. The problem begins when many components need to communicate with each other in different parts of our app.

In these cases, the state is called global because it is not contained in only one component but is useful in many more. To avoid messing up the state, we need a way to control all of these different global boxes📦 (state). That's where Redux comes in handy.

Redux makes it easier to understand when, where, and how the state in your application is being updated, and how your application logic will behave when those changes occur.

Think of it like a warehouse🏭 that powers many different stores🛒 in a town. All of them need products, so when a store (component) needs to restock (update the state), Redux provides patterns and tools to help with the process.

However, be careful. If there are only a limited number of stores, there is no need for the warehouse to exist in the first place. That being said, you should consider using Redux only if it is needed—if the state is getting out of hand with complexity, or many different components need to communicate and use the same state—otherwise, you will make things more difficult than they have to be.

For technical details, you can visit the official documentation for Redux Toolkit (the preferred way to use Redux, with less boilerplate code and easier setup): [Redux Toolkit Documentation](https://redux-toolkit.js.org/introduction/getting-started).
Error after upgrade on Ubuntu 24.04 "Oh no! Something went wrong"
Tags: upgrade, ubuntu, linux
Published: 2024-06-13 18:39:11

Before upgrading on new version BACKUP ALL DATA!!!


**I upgraded to Ubuntu 24.04 (from Ubuntu 22.04).** 

After rebooting and login on my account I saw white background with message "Oh no! Something went wrong!". I tried to Log out, but it was not successful. 

Solutions I read included next steps: 

1. Before Log out, press next **CTRL+ALT+F3**. Login with your credentials and password. 

2. Execute commands (of your wifi is disabled, then plug-in cable)

        sudo apt-get update && sudo apt-get upgrade
    
        sudo dpkg --configure -a

        sudo apt-get clean && sudo apt-get autoremove 

        sudo reboot 

If these steps doesn't resolve your problem, then execute these commands. Use again CTRL+ALT+F3


        sudo apt --fix-broken install

        sudo dpkg --configure -a 

        sudo apt-get update

        sudo reboot 


This solution worked for me in error message "Oh no!Something get wrong."


Did you have other errors in upgrading on Ubuntu 24.04? How did you resolved problems? 

If this was helpful share it with others to help each other.
2037. Minimum Number of Moves to Seat Everyone
Tags: php, leetcode, algorithms, programming
Published: 2024-06-13 18:38:57

2037\. Minimum Number of Moves to Seat Everyone

Easy

There are `n` seats and `n` students in a room. You are given an array `seats` of length `n`, where `seats[i]` is the position of the <code>i<sup>th</sup></code> seat. You are also given the array `students` of length `n`, where `students[j]` is the position of the <code>j<sup>th</sup></code> student.

You may perform the following move any number of times:

- Increase or decrease the position of the <code>i<sup>th</sup></code> student by `1` (i.e., moving the <code>i<sup>th</sup></code> student from position `x` to `x + 1` or `x - 1`)

Return _the **minimum number of moves** required to move each student to a seat such that no two students are in the same seat_.

Note that there may be **multiple** seats or students in the **same** position at the beginning.

**Example 1:**

- **Input:** seats = [3,1,5], students = [2,7,4]
- **Output:** 4
- **Explanation:** The students are moved as follows:

  - The first student is moved from from position 2 to position 1 using 1 move.
  - The second student is moved from from position 7 to position 5 using 2 moves.
  - The third student is moved from from position 4 to position 3 using 1 move.

    In total, 1 + 2 + 1 = 4 moves were used.

**Example 2:**

- **Input:** seats = [4,1,5,9], students = [1,3,2,6]
- **Output:** 7 
- **Explanation:** The students are moved as follows:

  - The first student is not moved.
  - The second student is moved from from position 3 to position 4 using 1 move.
  - The third student is moved from from position 2 to position 5 using 3 moves.
  - The fourth student is moved from from position 6 to position 9 using 3 moves.

    In total, 0 + 1 + 3 + 3 = 7 moves were used.

**Example 3:**

- **Input:** seats = [2,2,6,6], students = [1,3,2,6]
- **Output:** [0,1] 
- **Explanation:** Note that there are two seats at position 2 and two seats at position 6.

  The students are moved as follows:

  - The first student is moved from from position 1 to position 2 using 1 move.
  - The second student is moved from from position 3 to position 6 using 3 moves.
  - The third student is not moved.
  - The fourth student is not moved.

    In total, 1 + 3 + 0 + 0 = 4 moves were used.

**Constraints:**

- <code>n == seats.length == students.length</code>
- <code>1 <= n <= 100</code>
- <code>1 <= seats[i], students[j] <= 100</code>


**Solution:**

```
class Solution {

    /**
     * @param Integer[] $seats
     * @param Integer[] $students
     * @return Integer
     */
    function minMovesToSeat($seats, $students) {
        $ans = 0;

        sort($seats);
        sort($students);

        for ($i = 0; $i < count($seats); $i++) {
            $ans += abs($seats[$i] - $students[$i]);
        }

        return $ans;
    }
}
```



**Contact Links**

- **[LinkedIn](https://www.linkedin.com/in/arifulhaque/)**
- **[GitHub](https://github.com/mah-shamim)**
Testing how dev.io works
Tags: learning, devio
Published: 2024-06-13 18:23:40

I am testing the features of dev.io and how it works this blog is for testing purpose. Here I am checking all the parameters .

the parameters are :

**Create a New Post:**

Once logged in, navigate to your profile or the dashboard.
Look for an option like "New Post" or "Write a Post".
Click on it to open the editor.

**Writing Your Post:**

Title: Give your post a clear  title.

Content: Use the rich text editor to write your post. You can add headings, images, code snippets, and other formatting options.
Tags: Add relevant tags to your post to categorize it and make it discoverable by others. Tags can include programming languages, technologies, or topics related to your post.

**Preview and Publish:**

Before publishing, use the preview option to see how your post will look once it's live.
Make any necessary adjustments.
Once you're satisfied, click on "Publish" to make your post live on the platform.

**Engage with the Community:**

After publishing, your post can be viewed, liked, and commented on by other users.
Engage with readers by responding to comments and participating in discussions.
You can also read and comment on posts by other users.

**Analytics and Feedback:**

Track the performance of your posts through analytics provided by the platform.
Use the feedback to improve your writing and choose topics that resonate with the community.

_**This is sample blog**_
UI/UX Design concepts in short.
Tags: webdev, uidesign, ui, ux
Published: 2024-06-13 18:15:06

**_Steps To Produce A Design Of Product as UI/UX Designer_**

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

**Research**: Involves gathering and analyzing data about the target audience, market, and competitors.

**Analysis**: Involves generating ideas, and then analyzing them to decide which ones to pursue.

**Sketches** : Involves creating hand-drawn sketches to visualize concepts.

**Wireframing**: Involves creating blueprints for websites that show the various elements of the user interface.

**Prototyping**: Involves creating a mock-up of the design ideas to test with users before building the final product.

**User Research** : Involves gaining insights into users' needs, behaviors, and preferences to inform design decisions.

**Design**: Involves designing the product.

**Testing & Feedback** : Test the prototype with real users to identify any usability issues or areas for improvement. Collect feedback and iterate on the design accordingly.

**Implementation **: Once the design is finalized, hand it off to developers for implementation. Collaboration between designers and developers is crucial to ensure the design is translated accurately into code.

**Evaluation**: After the product is launched, monitor its performance and gather user feedback to continue iterating and improving the design.
Causal AI in action
Tags: causalai, devops, kubernetes, cloudnative
Published: 2024-06-13 17:56:57

_Originally posted to [causely.io](https://www.causely.io/video/causely-platform-overview/?utm_source=dev.to&utm_medium=referral&utm_campaign=product_overview)_

Application owners, SREs, DevOps and platform teams are under constant pressure to respond quickly to service disruptions that threaten to impact business continuity, customer experience, team productivity, and company milestones. They are often flooded with hundreds or even thousands of alerts that require human beings to spend hours in triage and troubleshooting. 

What if these overwhelming alerts could be consumed by software, and root cause analysis could be conducted at machine speed? Assuring application reliability should be this easy. 

The [causal AI platform from Causely](https://www.causely.io/platform/?utm_source=dev.to&utm_medium=referral&utm_campaign=product_overview) automatically associates active alerts with their root cause, drives remedial actions, and enables review of historical problems as well as predictive views of potential ones. 

In this [product walk-through](https://www.causely.io/video/causely-platform-overview/), we show how the product works. 

{% embed https://youtu.be/2zYK_8Z6Yzg?si=NAPIvIGLKpjKJSNY %}

With Causely, engineers have more time for innovation and development, while minimizing risk. The causal AI platform installs in minutes, integrates out of the box with many data sources, and is SOC 2 compliant.

Want to [learn more](https://www.causely.io/resources/?utm_source=dev.to&utm_medium=referral&utm_campaign=product_overview) or get your own [live demo](https://www.causely.io/demo/?utm_source=dev.to&utm_medium=referral&utm_campaign=product_overview) of the Causely platform? [Contact us](https://www.causely.io/demo/?utm_source=dev.to&utm_medium=referral&utm_campaign=product_overview) and we'll gladly walk you through it!
I Learned JavaScript & Made A Web App That Went Viral 🤯
Tags: webdev, javascript, programming, beginners
Published: 2024-06-13 17:51:06

Introducing **[Fakedin](https://fakedin-app.netlify.app/)** -  A tool to quickly create stunning Fake LinkedIn posts for Social Media, Presentation, Memes and much more 🔥

Check out the small demo video below to see how it works and visit the website to give it a try yourself 🌟

--- 

{% youtube sikfunHdhRk %}

---

I must confess, that the app is not perfect yet and you may encounter some bugs but don't worry, I'll fix them as I go ahead. For now, I'm looking for your valuable feedback to make it even better. 🤝

**Fakedin Link 🔗** : https://fakedin-app.netlify.app/

Please make sure you check it out and share your feedback 😇

Thanks for your time 🙌

---

Also, I recently crossed **140k** Followers on **[My Linkedin](https://Linkedin.com/in/rammcodes)** because of all the amazing content that I post everyday ✌

𝗙𝗼𝗹𝗹𝗼𝘄 me on **[Linkedin](https://Linkedin.com/in/rammcodes)** for the most amazing content related to Programming & Web Development 💎

[![Ram Maheshwari (@rammcodes) Linkedin](https://i.postimg.cc/fL6k3xyT/www-linkedin-com-in-rammcodes-6.png)](https://Linkedin.com/in/rammcodes)

---

Please React to this post with ❤️🦄🤯🙌🔥 
& 
Save it for later 🔖

---

Thank you once again :)
30 days of AWS- Part 1: Introduction
Tags: cloud, aws
Published: 2024-06-13 17:47:07

Have you ever noticed this particular AWS logo looks like a cartoon smiling 😂? Quite disarming

Hello there, welcome to part 1 of 8 of this series: 30 days of AWS as inspired by the [cozy cloud crew] (https://cozycloudcrew.com/).

The breakdown of the challenge can be found [here](https://drive.google.com/file/d/1MVtgH0TyS2MAIh5BKnk8t-BGumnY9Dno/view?usp=sharing). 

The tasks for this segment are:
- Create a free tier AWS account
- Set up billing preferences and budget alerts

Let's get to it.

## Create a free tier AWS account
AWS is gracious enough to offer a free tier option that lasts for 12 months from the date of your account creation.

The [free tier option](https://aws.amazon.com/free/) is robust enough but does not give access to all their products and services.

Before coming across this challenge, I already had an AWS account. Creating an AWS account is easy peasy. This [YouTube video](https://www.youtube.com/watch?v=Ahon3mmAPEg) gives clear and detailed steps to follow in creating one.

## Set up billing preferences and budget alerts

> Money isn’t everything, but it’s right up there with oxygen.
> ~ Zig Ziglar

Billing preferences and budget alerts are used to:

1. Set a monthly or yearly budget of what you are willing to spend on AWS
2. Alert you when you are about to reach your budget or when you exceed your budget.
3. Track your overall spending.

### How to set up billing preferences and create budget alerts

**Step 1**
From the AWS management console, navigate to the Billing and cost management tool

![AWS Management console](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vxg4xvaja4m3r4yrr7l2.png)

**Step 2**
Click on the "Create budget" button on the top right corner


![Click create budget icon](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y6947yos396x61zqkzkt.png)

This takes you to the create budget menu. By default, a simplified template is selected of the type "zero spend budget". This budget notifies you once your spending exceeds $0.01, the free tier limit. It ensures you stay under the provisions of the free tier.

![create budget menu](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c105r9f1kdfqgpev7nuy.png)

**Step 3**

Give your "zero spend budget" a name. You can stick to the default name given or give it a unique name like "Free Tier Budget"

![Budget name](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4klndjexnnqyd4i1rqi3.png)

**Step 4**
Give the email address that AWS will notify you with if you exceed the free tier limit. That is the budget alert.

Click the "create budget" button and viola, you have a set budget of $0.01 and a defined budget alert.

![Email address for notification](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zg2m8rtssen00otrzevo.png)


![fun image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4hdpa1l0xwtp7ocvxzna.jpeg)


```
Let the learning begin!!!
```
Searching for Internships
Tags: webdev, intern, beginners, career
Published: 2024-06-13 17:44:20

Hello! As I continue my journey toward becoming a software engineer, I've been actively searching for internships to gain practical experience and build my skills. The process has been both exciting and challenging. I've learned a lot about the industry, improved my coding abilities, and discovered what it takes to stand out in a competitive field.

One of the key lessons I've learned is the importance of mastering the fundamentals of HTML5, CSS, and JavaScript. These core technologies form the backbone of web development, and having a strong grasp of them has been crucial in my internship search. I've dedicated significant time to building and refining projects that showcase my abilities in these areas, from creating responsive layouts with CSS to adding interactive elements with JavaScript. Highlighting these projects in my applications has helped me demonstrate my technical proficiency and problem-solving skills to potential employers.

Networking has also played a crucial role in my search. By attending meetups, participating in online forums, and connecting with professionals on LinkedIn, I've gained valuable insights and advice. These interactions have not only provided me with potential job leads but also helped me stay motivated and inspired. The journey is far from over, but with each step, I'm getting closer to securing an internship and achieving my goal of becoming a software engineer.

Please leave a comment if you have any tips/tricks!
INFIDELITY AND MARRIAGE PRIVATE INVESTIGATOR: CYBERPUNK PROGRAMMERS
Tags: catchcheatingspouse, trackphone, spyonphone
Published: 2024-06-13 17:35:22

It is often the ‘not knowing’ that is the worst aspect of cheating in a relationship. Infidelity investigations can remove the doubts and either set your mind at ease or provide you with irrefutable evidence to confront the problem. In most cases it is subtle or at times, major changes in behaviour that causes suspicion. You need to be sure if these changes are innocent or not. In some cases you will be sure your partner is being unfaithful or at best lying to you and you just need proof before you can confront them. 
Obviously, if your partner is cheating, you definitely have the right to know. If they are not, then you need proof in order to alleviate your uncertainty and concern. It is only by having the facts that you can confront your partner or get on with your life. Do yourself a favor and contact CYBERPUNK PROGRAMMERS through by emailing cyberpunk @ programmer . net
Tsvi Reiss Awarded Honorary Professorship By American University Of Business & Social Sciences
Tags: education, news, aubss
Published: 2024-06-13 17:34:04


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v1q85imnxnyl3osuczjl.jpg)
The American University of Business & Social Sciences (AUBSS) is proud to announce that Mr. Tsvi Reiss has been awarded an Honorary Professorship in recognition of his remarkable achievements and contributions to the field of leadership and management. This prestigious honor has been jointly awarded by AUBSS and the International Association for Quality Assurance in Pre-Tertiary & Higher Education (QAHE).

 

Mr. Reiss’s extensive career in senior management, leadership, and education has made a lasting impact in various sectors. With his teaching experience ranging from the Israeli Navy to civilian positions, he has demonstrated a passion for educating and mentoring individuals at different levels. Mr. Reiss’s commitment to delivering high-quality education and his ability to inspire learners have been widely acknowledged.

 

In addition to his practical expertise, Mr. Reiss possesses an impressive academic background. He holds a Post-Doctoral degree in Management/Leadership from Walden University, a Doctorate in Business Administration (DBA) with a major in Management from Columbia Southern University, an MBA in Business Administration with a major in Strategy Management from the University of Derby, and a bachelor’s degree in general history & military history from Tel Aviv University.

 

Mr. Reiss’s research interests encompass various areas of business management. His dissertation for the DBA focused on the decreasing profitability of the Israeli food industry, while his MBA thesis explored the relationship between job satisfaction, organizational commitment, and employee voluntary turnover in security companies. Currently, Mr. Reiss is engaged in ongoing research that examines the perceptions of Israeli managers regarding business organizations’ social responsibility to the community and the environment.

 

Throughout his career, Mr. Reiss has published articles on topics such as self-management, positive leadership, the role of small businesses in the international economy, organizational structures based on emotional intelligence, and the strategic role of HR departments. His expertise and insights have contributed to the advancement of knowledge in the field of leadership and management.

 

The Honorary Professorship awarded to Mr. Tsvi Reiss by the American University of Business & Social Sciences and QAHE is a testament to his exceptional achievements and substantial contributions. This prestigious title recognizes his expertise, dedication, and significant impact on the field.

 

Please join us in congratulating Mr. Tsvi Reiss on this well-deserved recognition. His outstanding accomplishments and commitment to excellence make him a valuable addition to the distinguished community of AUBSS and QAHE.
Cryptography: The Art of Secure Communication
Tags: devchallenge, cschallenge, computerscience, beginners
Published: 2024-06-13 17:33:47

_This is a submission for DEV Computer Science Challenge v24.06.12: One Byte Explainer._

## Explainer
<!-- Explain a computer science concept in 256 characters or less. -->
Cryptography is like creating secret unreadable codes or puzzles to keep information safe. It's all about making puzzles that only certain people with a hint or key can solve and access that piece of information, so important messages stay private.

<!-- ## Additional Context -->
<!-- Please share any additional context you think the judges should take into consideration as it relates to your One Byte Explainer. -->

<!-- Team Submissions: Please pick one member to publish the submission and credit teammates by listing their DEV usernames directly in the body of the post. -->

<!-- Don't forget to add a cover image to your post (if you want). -->


<!-- Thanks for participating! -->