teleren/devto huggingface dataset:
The bare minimum to work with Git
Tags: beginners, git, github, tutorial
Published: 2022-10-06 19:50:05

Whether starting a solo project or working with someone else you got to have your things right. 


---


# Name and Email:

The first step to configure Git is to configure your user name and email. We can do so by typing the following lines

```
git config --global user.name "My Name"
git config --global user.email "My Email"
```


---


# SSH key

go to ssh folder on your computer and create a new one

```
cd ~/.ssh

ssh-keygen -t ed25519 -C "My email"
```

you'll be asked many questions that you should read first but you can ignore those and just press enter for everyone.


now run the following command:

```
cat ./id_ed25519.pub
```

now you can get your public key and use it on Github/Gitlab/GitBucket. I'll be showing you how to do it on Github.

![Showing Settings button](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/atezq5tp5ak9wyrgsjkv.png)


![Showing SSH/GPG button](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5m1jnw4e3z7i989modz7.png)

Now use the public key we got before.

![Using previous key](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/aa7uhb0lp8uetki7qjhe.png)


--- 


Every time you feel needed to edit your `.gitconfig` you can do so by running the following line on your terminal.

```
git config --global --edit
```

---


# Cool stuff

There is a lot of cool stuff we can configure on Git but I'll list some of them here and leave them for a new article.


### Configuring the initial branch

```
git config --global init.defaultBranch master
```

### Configuring signature with GPG/SSH key

Link: [Docs](https://docs.github.com/en/authentication/managing-commit-signature-verification/about-commit-signature-verification#ssh-commit-verification)
I'm such a noob. node js frustration
Tags: node, react, codenewbie, beginners
Published: 2022-10-06 19:32:17

**just a quick vent session**
update on my progress: I've been at this learning journey for about a year now. i got a solid handle on html, css, and basic vanilla js. I decided to start a react course today, and just setting up the environment threw me for a major loop.

**Two steps forward one step back**
I had already installed node and implemented it with tailwind css on a few projects. However, when trying to use it for a react environment, i run in to so many separate errors. So instead of starting with react components, in the next few days i will have to gain a better understanding of how node works, and how to use it with as few modules as possible.

While in the midst of tutorial hell, I re-downloaded node. It caused several errors and i was unable to follow my tutorial because the tutorial is from the context of someone who doesn't have node to begin with. I love js. Js is logical. Js is my friend. The terminal, and the way libraries work behind the scenes is like a potion to me. Just impliment it get it running, and don't think about how it works. a single threaded approach on learning works best for me. I've come to realize the importance of deciding the best thing to be learning at a given moment. An underlying goal is to develop the ability to intuitively decide when to dig deeper into a subject I'm on, when to back track, and when to integrate the next thing I need to learn.

Node has put me at another all too important crossroad, and I think its best for the time being to get a low-level understanding of how it works, and how to use it with multiple projects in the most efficient way possible. 

Ultimately, becoming a better programmer is the goal, but i can make far more progress in the long term by growing as a learner.   

I'm just logging my frustrations here in the meantime so I can later laugh at them a few years from now.
Assigning a Static IP to an Amazon Lightsail Instance
Tags: aws, amazonlightsail, awscommunity, awscommunitybuilder
Published: 2022-10-06 19:30:28

I welcome any feedback or suggestions. Thanks in advance! 

https://alarasheedblog.wordpress.com/2022/10/05/assigning-a-static-ip-to-an-amazon-lightsail-instance/
Biography of Odianose Godfrey Elvis
Published: 2022-10-06 19:24:42


Odianose Godfrey-Elvis also known as @ravhin_elf is an international performing spoken word poet who has graced several stages and platforms in and out of his birth country, Nigeria. In 2019, He headlined the Poetry sessions of the African Literati Festival held in Philadelphia, USA and other notable achievements on his wings. 
He sees his work of art as a needle and thread to mend the broken survivors trying to find roots deep in water. He is the self acclaimed “Pregnant Egg In A Barren Hen” and he's also a Script Writer, Content Creator and a Media Advertising Intern.

#TheBagusNG #AfricasForemostLiteraryHub #AuthorBranding #WhatsYourStory #TheBagusNGAt4 #MasterclassWithOGbemiro #PerformLikeARavhin #repost4ig
JavaScript Arrays vs Objects
Tags: javascript, webdev, tutorial, beginners
Published: 2022-10-06 18:59:34

## Know the difference between JavaScript Arrays and Objects - and know when to use them.

---

### Difference: 
Arrays use **numbered indexes**
Objects use **named indexes**

### When to use:
Use **Arrays** when you want the keys to be numbers.
Use **Objects** when you want the keys to be strings.

---

### How to use Arrays

```
const pets = ["cats","hamsters","dogs"];
```
here you are directly assigning the elements in the array.

you can access the elements in the array by

```
pets[0];
pets[1];
...
pets[pets.length-1];
```
the starting index is always 0 and ends at array.length-1.

In case of an empty arrays:

```
const arr = new Array();
const arr = [];
```
where either of the above can be used to make a new empty array.
In order to add to the array, simply `arr[index] = value` or `arr.push(value)`;

```
const arr = new Array(size);
```
can be used to create an empty array of the size defined.

---

###How to use objects

```
const pet = {name:"Snuffle", lastName:"Chungus", age:69};
```
The line above demonstrates how you can create a key-value pair. This keys can be used later to get the value.
```
const pet = [];
pet["name"] = "Snuffle";
pet["lastName"] = "Chungus";
pet["age"] = 69;
```
The codeblock above shows how key-value pairs are added to an empty object named `pet`.
Website Design and Development Services in Seattle
Tags: webdesign, websitedevelopment
Published: 2022-10-06 18:50:22

We have designed and developed websites for many clients over the years. We are experts in making sure that our clients get the best website possible. Our team of **[web designers and developers](https://webserviceswashington.com/web-services/web-development/)** work closely with our clients to ensure that their needs are met at all times.
Crawl, Walk, Run framework to achieve ANYTHING new and colossal
Published: 2022-10-06 18:32:20

- For yourself / your organization while MINIMIZING the risk of failure.

1. Crawl 🚼:
This is the prototype phase where you get a crew of 1-3 people together to define the whys, whats and hows of the tool/project/program. This phase should focus on research, learning and laying the groundwork for a successful proof of concept. Quick and dirty - but yet bring out all the relevant questions to consider. 

2. Walk🚶‍♂️🚶‍♂️:
This is when you test and learn with the larger team or even across a few external stakeholders (trusted customers, reviewers, partners). The focus shifts to demonstrating business/technical value and justifying context specific to your important use cases. Get feedback and make the necessary tweaks to the approach and also set the success metrics.

3. Run🏃🏿‍♀️🏃‍♀️🏃‍♂️:
This is when to put all the necessary time, human capital and financial weight behind the project so that it gets adopted across the organization. You also iterate to better adapt/focus with regard to the environment and pollinate it externally. The key thing to be noted is you should always keep measuring the success metrics, and these may change as you do multiple iterations.

(Fly✈️, Teleport🌀: Going to talk about these approaches in my future posts. Hang in tight!)
SQL vs NoSQL in a Serverless World
Tags: database, serverless, aws, cloud
Published: 2022-10-06 18:09:01

- What is a serverless database? (00:15)
- Why we need elastic databases (02:42)
- AWS databases going serverless (06:45) 
- Aurora Serverless v1 (07:03)
- Aurora Serverless v2 (09:57)
- Drawing the NYC Skyline with a serverless database (12:48)
- Amazon DynamoDB On-Demand (15:10)
- Cycling the Tour de France with DynamoDB On-Demand (18:19)
- Summary (20:15)
Realclobber
Published: 2022-10-06 18:08:14

RealClobber is a technology platform with an aim to provide honest reviews on various tech items including gadgets,software hardware,website & any other relevant item/topic.we also like to talk about daily life activities,sports,art & curent affairs in relevant fields. [RealClobber](https://realclobber.com/) is a place where you can find all kinds of credible reviews! like Home & Kitchen, Lawn & Garden, Sports & Outdoors, and so on! So you can follow this site to get credible reviews and product information.
Where we focused We are focused on offering our ever-growing readers unique & exclusive content from the latest industry news as it happens. We don’t consider ourselves a pretentious website but a more ‘down to earth Tech blogger. We are proud of the fact that RC has its own voice and our passion for what we write about comes across with it.
We thrive on delivering the most up-to-date news in the industry from the vast portfolio of brands and stores we work alongside. We pride ourselves on only showcasing what we believe in and anything 
posted on this site has to, first of all, get our seal of
‘approval’. If we don’t like it we simply don’t talk about it here at the Real Clobber.
Real Clobber is a worldwide blog with an aim to help its readers through honest reviews and articles.
You (most likely) don't need to optimize React
Published: 2022-10-06 16:18:48

One of the biggest pitfalls in software development is early optimization, we always want our code to run as fast as possible and try to squeeze every single drop out of it. But going through this process too early can do more harm than good.

[Woovi](https://www.woovi.com) is a Startup that enables shoppers to pay as they like. To make this possible, Woovi provides instant payment solutions for merchants to accept orders.

The most common mistake in React projects is the use of the `useCallback` and `useMemo` hooks, you (most likely) don't need to use these hooks, let's take a look how `useMemo` works to understand why.

So, what does `useMemo` do? It accepts two parameters, a `Callback` and an array of dependencies, and returns the return of this callback. The dependency array is used so `useMemo` can track if this value is **stale**, if the dependencies values changes, this mean we have to calculate the value again.

Now, all of this sounds amazing, so why don't we just `useMemo` everywhere? Let's take at this **very** contrived example:

```
const fruits = ['apple, 'banana', 'orange']
const initialFruit = useMemo(() => fruits.find(item => item === 'orange'), [])
const [fruit, setFruit] = useState(initialFruit)
```

While it's great that we're not running the .find on every render, we have to ask ourselves, is it worth it? `useMemo` itself is **more** code it isn't completely free to use, we added more complexity to our code which makes it harder to maintain. React is fast, you don't need to optimize every single thing, what's expensive in React is committing changes to the DOM not a simple calculation.

So when should I optimize React? It's actually very easy to know. If you're asking yourself this question, you don't need it. When the time comes that performance is a problem on your code, you'll know it.

Focus your time creating new features for your application, not optimizing code that you probably don't even need to.

If you want to work with us, we are [hiring](https://woovi.com/jobs/)!
Sharing my 15 years of experience in managing a software development team
Tags: development, productivity, management, tutorial
Published: 2022-10-06 17:32:01

Managing a software team requires patience. Apart from business knowledge, you need to understand the pain points of your developers too. Throughout my journey at Simform, I have faced many challenges while managing my team of developers. Today I am sharing my 15 years of experience so that you don’t need to go through sleepless nights trying to figure out how to manage a [software development team](https://www.simform.com/blog/software-development-team/). 


**Set your outlines clearly** - Leverage project management software to clearly define all work requirements. 

**Know your employees closely** - Every person has their own unique skill set. Conduct regular meetings and build close relationships with your employees to determine what they can bring to the table.

**Learn, Grow, Repeat** - If you are someone coming from a non-technical background, don’t self-doubt yourself. Instead, focus on learning the core concepts and fundamentals of software development. 

**Schedule regular 1:1** - Cut siloed communication. Having a PM is great, but if feasible, try making time for direct reporting. This way, you will be informed about the daily progress and know your developer's pain points.

**Redefine developer’s KPIs** - Know that software development is heavily focus oriented job. Developers need to think, iterate, debug and solve. You can’t measure their daily KPI by the number of code lines they wrote. 

**Leverage overlapping time zones** - Working in a remote scenario? Plan out meetings and discussions during the overlapping time zones so that people don’t need to waste time waiting for other’s feedback and can work autonomously.

**Avoid task switching** - As previously mentioned, development is an attention-heavy task. Any disruption to their existing workflow will reduce their attention span, and they can’t focus on one solution at one time. This will result in poor performance. 	

**Involve your team in decision-making** - As a manager, you need to make decisions at every point. It's well known that people won’t agree with you all the time. Yet explaining your decisions to your team will allow them to ask cross-questions. Thorough explanations of such queries will ensure that everyone is on the same page and will help justify your future decisions.

**Avoid micromanagement** - Once you assign your employees their designated tasks, allow them to freely work as they seem fit. As a manager, your role is to encourage, coach, and support them. 

**Balance experienced and non-experienced developers** - Junior developers require continuous mentoring and coaching. By building a team solely of junior developers, you would need to micromanage them at every single point. A balance between experienced and non-experienced developers will encourage independent research and continuous learning under mentorship.
freeCodeCamp Responsive Piano Challenge
Tags: codepen, webdev, css, html
Published: 2022-10-06 17:29:07


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

## Piano Challenge

I have done this with pure HTML and CSS. I hope you might love this project.


{% codepen https://codepen.io/web_stallion/pen/GRdXmQP %}
Check if an Object has a Property (freecodecamp notes)
Tags: javascript, webdev, react
Published: 2022-10-06 16:57:25

So what's the easiest way to check if an object has a property.

**Exercise**

**Finish writing the function so that it returns true if the object passed to it contains all four names, Alan, Jeff, Sarah and Ryan and returns false otherwise.**
 
```javascript
 
let users = {
  Alan: {
    age: 27,
    online: true
  },
  Jeff: {
    age: 32,
    online: true
  },
  Sarah: {
    age: 48,
    online: true
  },
  Ryan: {
    age: 19,
    online: true
  }
};

function isEveryoneHere(userObj) {
  // Only change code below this line
  
  // Only change code above this line
}

```

**Answer**

```javascript

function isEveryoneHere(userObj) {
  // Only change code below this line
  if (userObj.hasOwnProperty('Alan') && 
      userObj.hasOwnProperty('Jeff') && 
      userObj.hasOwnProperty('Sarah') && 
       userObj.hasOwnProperty('Ryan'))
   {

       return true
    }
  else {
    return false
  }
  // Only change code above this line
}

```
Tailwind, Flowbite, React, oh my.
Published: 2022-10-06 16:48:36

If you are familiar with CSS, you probably have found it slightly frustrating to troubleshoot your styling. You made your styling code in your css file, you double check your names or ids, then you open your browser to see if anything has changed. It's a laborious workflow. Fortunately, their are styling frameworks to help you style your front-end with ease. Specifically, Tailwind is a styling framework that can speed your up your workflow so you can worry about more important things.

[Tailwind](https://tailwindcss.com/) is a framework for css that uses class names to style your projects. The documentation on their website is very clear and concise.

To install Tailwind for React:

Make a new project:

```
npx create-react-app my-project
cd my-project
```
***It's important to be in your react directory when you install Tailwind.

Next install Tailwind:

```
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p
```
These commands will install taildwind, postcss, and autoprefixer. These allow you to use tailwind's classnames for your styling.

Next in your `tailwind.config.js`, add all these paths to your tailwind template file.

```
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}
```
Last step is to add these directives in your main CSS files (usually it's in './src/index.css'):

```
@tailwind base;
@tailwind components;
@tailwind utilities;
```

And that's it! Tailwind is installed. Let's go through some examples in how to implement this styling framework...
Things You Should Know Before Hiring Angular Developers
Published: 2022-10-06 14:49:48

The Popularity of this leading cross-platform framework has increased a lot with time. It is an open-source framework that is used for web and mobile app development. Nowadays business needs an appealing and attractive website to increase their business possibilities. Here Angular comes into the picture which has all the capabilities to fulfill all web development activities with all required functionalities.

So to create appealing business websites you need to hire an angularjs developer who is well-versed in working with such robust frameworks. Such angular developers have the potential to design single-page applications with intuitive designs. We understand that for an enterprise it is not easy to hire an angular developer in one go. So if you are looking to **hire angularjs developer** for your website you need to keep in mind skills such as below:

## Essential Skills to look for in Angularjs developers:

It is a bit challenging to hire a qualified [angularjs developer ](https://www.bacancytechnology.com/angular-js-development)for your web development. You may find it a bit complicated initially but if you are aware of the right skills it is possible enough.


**1.In-depth knowledge of core java-script:**
While hiring a developer you should keep in mind that he or she should be aware of the java-script in depth. Along with that, they should be having an understanding of UX concepts and elements of interaction.

**2.Persistent Skills:**
We need to keep in mind to hire who is a master in the Angular development process. With the release of new versions of the framework, developers should upgrade both their knowledge and their abilities.

**3.RESTful API interaction:**
Employ angular developers with experience using REST APIs and the ability to interpret and effectively use API documentation. Building RESTful APIs requires making HTTP POST, GET, PUT, and DELETE queries for data. Understanding of technologies like Webpack and Node.
 

**4.Technical expertise:**
These tools improve the Angular framework's functionality and ease of use while also adding new capabilities. Understanding these related technologies can be advantageous.

## Wrap Up:
 
Thus by looking at the numerous benefits of Angular technology hiring angular developers would always benefit the business for sure. Hiring programmers from Angular development firms is the best course of action. If you hire _angular developers_ it gives you the opportunity to work with a team of highly qualified and experienced Angular developers on your web application development project.
Gadget update: September 2022
Tags: shopify, webdev, serverless, news
Published: 2022-10-06 16:17:43

**What's Gadget?** We're the serverless stack for ecommerce app developers. Connect to any ecommerce platform instantly, and build your app in a fraction of the time by skipping the busywork. Sign up for free at [gadget.dev](https://www.gadget.dev/?utm_source=devto&utm_medium=social&utm_campaign=newsletter-2022-09). Now, on to the update! 

---

![Hero image containing a Shopify logo connected to a terminal window](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1d3ni7yj2o6l83fw4as4.png)
## Shopify Cart API
Interact with a customer’s cart during their session using the Shopify Cart API. Add the model and subscribe to webhooks under the Order resource in your Shopify Connection.
<br>


![Hero image showing a section of the new Gadget navigation UI](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bn1ar92qx88841nu0z3n.png)
## Gadget navigation UI refresh
Access the features you need in Gadget more easily. Model schema, behavior, data and app configuration are now directly accessible in the left-hand nav.
<br>
<br>

## Early access: Environments

Don't lose sleep over breaking your production app. Safely make changes to your application in a development environment, and push to production when you're ready. Comment on this Dev.to post, or reach out to ralf[at]gadget.dev for early access.
<br><br>

## New & noteworthy
**Template library**
Choose a template from our [template library](https://www.gadget.dev/templates?utm_source=devto&utm_medium=social&utm_campaign=newsletter-2022-09) to kickstart your next project. Can’t find what you’re looking for? [Suggest one](https://www.gadget.dev/templates#suggest-a-template), and we might cook it up for you.
 
**Shopify Functions tutorial**
Try your hand at Shopify’s new powerful Functions feature. We published a [tutorial](https://gadget.dev/blog/build-a-shopify-function-using-assemblyscript?utm_source=devto&utm_medium=social&utm_campaign=newsletter-2022-09) using AssemblyScript to complement Shopify’s Rust tutorial to help you get going.

**Infrastructure improvements**
We've made several tweaks under the hood. Two examples: log queries will return more quickly, and a new database indexing strategy supports fast data lookups for a wider range of operators. 
 
---

Itching to build something? Sign up and use Gadget for free today at [Gadget.dev](https://www.gadget.dev?utm_source=devto&utm_medium=social&utm_campaign=newsletter-2022-09)