teleren/devto huggingface dataset:
My Hacktoberfest Contributions
Tags: hack23contributor, hacktoberfest, hacktoberfest23
Published: 2023-10-20 00:32:49

<!-- ✨This template is only meant to get your ideas going, so please feel free to write your own title, structure, and words! ✨ -->

### Intro
<!-- Share a bit about yourself as a contributor. Is this your first Hacktoberfest, or have you contributed to others? Feel free to embed your GitHub account by using {% embed LINK %} -->
I have played the role of a contributor and as a maintainer for Hacktoberfest. This is my 3rd year contributing to open source, and also my first year as a maintainer. Here is my [GitHub account](https://github.com/tinyCodersDen).
### Highs and Lows
<!-- What were some of your biggest accomplishments or light-bulb moments this month? Did any problems come up that seemed impossible to fix? How did you adapt in those cases?  -->
Yes, I found many light-bulb moments when I saw a code which was almost bug-free, but didn't work when the input size increased. So, I found that there was a small typo in the code which changed everything. I adapted by actually reading the code carefully to ensure there were fewer errors.
### Growth
<!-- What was your skillset before Hacktoberfest 2023 and how did it improve? Have your learning or career goals changed since working on these new projects? -->
My skillset before Hacktoberfest was to just do projects in Python. Hacktoberfest has improved me by contributing to DSA projects, and learning how to make efficient code with headers for the workplace.

My PRs:
[Added Interpolation Search Program using Python](https://github.com/Anjan50/Python/pull/141).
[[PYTHON] - Add Quicksort algorithm](https://github.com/Ryuji-Facilities/Coding-challenge/pull/24)
[Rules for specific rules + specifications for twine/pypy](https://github.com/tinyCodersDen/py-data-structure/pull/2)
[Adding Contributing Rules + Minor Reference Changes](https://github.com/tinyCodersDen/USACO/pull/1)

Compared to previous years, this year my contribution count has surplused!:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b6esw7x4mz5n8q2di6iu.png)
Your complete guide to mastering the use of "ref" in React
Tags: dom
Published: 2023-10-21 12:52:16

---
title: Your complete guide to mastering the use of "ref" in React
published: true
date: 2023-10-20 00:23:00 UTC
tags: DOM
canonical_url: https://reactjsexample.com/your-complete-guide-to-mastering-the-use-of-ref-in-react/
---

# Master of React ref
 ![Your complete guide to mastering the use of](https://reactjsexample.com/content/images/2023/10/Code_2023-10_13-18-30.jpg)

React Ref is a fantastic feature in React that allows you to directly access and manipulate DOM (Document Object Model) elements. In simpler terms, it’s a way to reference a specific element in your React app, giving you the power to modify and interact with it outside of the normal React data flow.

This series is your ultimate guide to mastering the use of ref in React. We’ll start with the basics, such as string and callback ref, and then dive into more advanced topics like the `useRef()` hook and `forwardRef()` API. By the end, you’ll have a deep understanding of how to use ref like a pro in your React applications. Get ready to take your React skills to the next level!

- [01: Access a component’s underlying DOM node with findDOMNode()](https://phuoc.ng/collection/react-ref/access-a-component-underlying-dom-node-with-find-dom-node/)

![Your complete guide to mastering the use of](https://github.com/phuocng/master-of-react-ref/raw/main/01-access-a-component-underlying-dom-node-with-find-dom-node/find-dom-node.png)

- [02: String refs](https://phuoc.ng/collection/react-ref/string-refs/)

![Your complete guide to mastering the use of](https://github.com/phuocng/master-of-react-ref/raw/main/02-string-refs/string-refs.png)

- [03: Store a reference with callback refs](https://phuoc.ng/collection/react-ref/store-a-reference-with-callback-refs/)

![Your complete guide to mastering the use of](https://github.com/phuocng/master-of-react-ref/raw/main/03-store-a-reference-with-callback-refs/callback-refs.png)

- [04: Access the methods of class components](https://phuoc.ng/collection/react-ref/access-the-methods-of-class-components/)

![Your complete guide to mastering the use of](https://github.com/phuocng/master-of-react-ref/raw/main/04-access-the-methods-of-class-components/access-methods.png)

- [05: Use callback refs to access individual elements in a list](https://phuoc.ng/collection/react-ref/use-callback-refs-to-access-individual-elements-in-a-list/)

![Your complete guide to mastering the use of](https://github.com/phuocng/master-of-react-ref/raw/main/05-use-callback-refs-to-access-individual-elements-in-a-list/access-individual-elements.png)

- [06: Create a reference using React.createRef()](https://phuoc.ng/collection/react-ref/create-a-reference-using-react-create-ref/)

![Your complete guide to mastering the use of](https://github.com/phuocng/master-of-react-ref/raw/main/06-create-a-reference-using-react-create-ref/react-create-ref.png)

## GitHub

[View Github](https://github.com/phuocng/master-of-react-ref?ref=reactjsexample.com)
An advanced application that combines the power of ChatGPT and DALL.E
Tags: chatgpt, apps
Published: 2023-10-21 12:52:30

---
title: An advanced application that combines the power of ChatGPT and DALL.E
published: true
date: 2023-10-20 00:20:00 UTC
tags: ChatGPT,Apps
canonical_url: https://reactjsexample.com/an-advanced-application-that-combines-the-power-of-chatgpt-and-dall-e/
---

# ChatGPT-Pro
 ![An advanced application that combines the power of ChatGPT and DALL.E](https://reactjsexample.com/content/images/2023/10/Code_2023-10_13-15-20.jpg)

ChatGPT-Pro is an advanced application that combines the power of ChatGPT and DALL.E. With this app, you have the flexibility to switch between ChatGPT versions. One of the standout features of ChatGPT-Pro is its ability to save chat conversations to local storage.

## One-Click Deploy

### Deploy to Netlify

[![An advanced application that combines the power of ChatGPT and DALL.E](https://camo.githubusercontent.com/417d890ba67c98ad5856b715343a61cdbf07d72b9bd5b79dd45d43de634c29ea/68747470733a2f2f7777772e6e65746c6966792e636f6d2f696d672f6465706c6f792f627574746f6e2e737667)](https://app.netlify.com/start/deploy?repository=https://github.com/EyuCoder/chatgpt-clone)

### Deploy to Vercel

[![An advanced application that combines the power of ChatGPT and DALL.E](https://camo.githubusercontent.com/5e471e99e8e022cf454693e38ec843036ec6301e27ee1e1fa10325b1cb720584/68747470733a2f2f76657263656c2e636f6d2f627574746f6e)](https://vercel.com/new/clone?repository-url=https://github.com/EyuCoder/chatgpt-clone&project-name=chatgpt-and-dalle&repo-name=chatgpt-clone)

_you can checkout the app [here](https://chatgpt.eyucoder.com/)_

> a demo of the App

![An advanced application that combines the power of ChatGPT and DALL.E](https://github.com/EyuCoder/chatgpt-pro/raw/main/demo/demo.gif)

**Give it a ⭐ if you liked it 😜**

### Features

- gpt 3.5 and 4
- dall.e image generator
- save chat to localstorage
- chat context

## install

```
npm install
```

## start app

```
npm run dev
```

**_Tech used_**

- openai API
- Langchain
- React with Vite
- TailwindCSS with DaisyUI
- react-icons
- react-markdown

## 📝 License © [Eyuel](https://linkedin.com/in/eyuel-daniel) for details.

## GitHub

[View Github](https://github.com/EyuCoder/chatgpt-pro?ref=reactjsexample.com)
Getting Your Start in Tech w/ Branden Thornton
Tags: career, design
Published: 2023-10-20 00:09:52

Now I already know a lot of you reading this are probably already in the tech space in some way, but is there another area of tech space you’ve always wanted to explore? Obviously, there’s no one “correct" pathway to get into tech, so today we’re talking about a more nontraditional one. I’m joined in this conversation by the always wonderful Branden Thornton, Senior Product Designer at Uber. 

**For the full rundown:**

[YouTube Link](https://www.youtube.com/watch?v=dZUYMuLx0I0)

**For the highlight reel:**

Let’s start things off by saying that no matter what you’re currently doing, there’s probably some tech-adjacent job or relevant skills you can apply. So to all the people out there who want to get into tech but feel like their job experience isn’t relevant, think again. Even if you’re just a kid working at Outback (looking at myself here), you’re not just dishing out bloomin’ onions, you’re putting networking and communication into everyday practice on the daily. And if you wanted to go the developer route, you’d have a leg up at any food-related tech companies because you understand the industry. What I’m trying to say here is don’t discount your experience. It’s all about your perspective and using what you’ve got to get to where you want to go. 

You’d assume Branden’s tech origin story would follow the same path as lots of other people, but that’s not exactly the case. He actually went to school for PR and public policy, decided that wasn’t his path, and then went to the ole YouTube academy and learned how to be a designer. Much to the same tune, he was working at Apple when he got his first connection with a tech startup. What I’m saying here is that your path is just as valid even if it’s not the traditional one.

What do you know about design? In the words of Branden, functionality needs to come along with a great user experience. And on that same note— you’re not supposed to judge a book by its cover… but if that cover is ugly you’re never going to pick it up in the first place. Once you get into the designer space, it branches off even further from there. So whether you’re interested in more of the user experience design side of things or more of the look and feel— there might just be the perfect role for you in this field.
comment on i need a hacker to recover money from binary trading
Tags: cryptocurrency, btc, usdt
Published: 2023-10-20 00:04:00

I thought it was a dream, but its reality is what Santoshi Hacker did with my crypto wallet that I have been unable to log in for over a  year now. santoshihacker@hotmail.com i was able to recover my password in a short while and I'm back to trading. visit : https://santoshihacker.godaddysites.com/
Do You Set Clear Goals or Go with the Flow?
Tags: discuss, codenewbie, beginner
Published: 2023-10-20 00:00:00

---
published_at : 2023-10-20 00:00 +0000
---
How do you strike a balance between having a focused life path and exploring diverse interests and experiences?

Follow the [CodeNewbie Org](https://dev.to/codenewbieteam) and [#codenewbie](https://dev.to/t/codenewbie) for more discussions and online camaraderie!

*{% embed* https://dev.to/codenewbieteam *%}*
git - what do ‘base’ ‘local’ ‘remote’ mean?
Published: 2024-01-13 02:10:23

---
title: git - what do ‘base’ ‘local’ ‘remote’ mean?
published: true
date: 2023-10-20 00:00:00 UTC
tags: 
canonical_url: https://timwise.co.uk/2023/10/20/git-what-do-'base'-'local'-'remote'-mean/
---

The terminology for 3-way git merge, rebase and cherry-pick conflict files is very confusing, particularly because they flip direction between rebase and merge.

When you run `git mergetool` it will spit out 4 files that look like this, and then pass them as arguments to your merge tool of choice:

```
$ gs 
## HEAD (no branch)
UU src/gitopolis.rs
?? src/gitopolis_BACKUP_1585963.rs
?? src/gitopolis_BASE_1585963.rs
?? src/gitopolis_LOCAL_1585963.rs
?? src/gitopolis_REMOTE_1585963.rs

```

In kdiff3 (by far the best 3-way merge algorithm out there) it looks like this:

![kdiff 3-way merge screenshot](https://timwise.co.uk/images/blog/git-kdiff-3way-merge.png)

## Here’s how I think of it

### Merge

You are on the target branch (local), and the patches are coming from the branch you are merging in (remote), kinda like this:

```
git checkout local-branch
git merge remote-branch

```

### Cherry-pick

Same direction as merge.

You are on the target branch (local), and the patch is coming from the commit you are cherry-picking (remote), kinda like this:

```
git checkout local-branch
git cherry-pick some-remote-commit-ref

```

### Rebase

_Opposite_ direction to merge.

You start on your own branch that you want to rebase, but…

When you start the rebase you end up temporarily while the rebase is running in “detached HEAD” on the branch you are rebasing onto (often `origin/main`), so: You are on the target branch (local), and commits to rebase are coming from the branch you are rebasing (remote), kinda like this:

```
git checkout your-remote-branch
git rebase target-local-branch

```

## Terminology

- “ **BASE** ”: before anyone changed it (in all cases)
- When **merging** (other branch coming to me): 
  - **LOCAL** : branch I’m on
  - **REMOTE** : branch I’m merging in
- When **cherry-picking** (other commit coming to me): 
  - **LOCAL** : branch I’m on
  - **REMOTE** : commit I’m merging in
- When **rebasing** (my own branch coming to me): 
  - **LOCAL** : branch I’m rebasing on to (checked out as detached head mid-rebase)
  - **REMOTE** : my commits on branch I’m rebasing

## Refs

- [https://stackoverflow.com/questions/20381677/in-a-git-merge-conflict-what-are-the-backup-base-local-and-remote-files-that](https://stackoverflow.com/questions/20381677/in-a-git-merge-conflict-what-are-the-backup-base-local-and-remote-files-that)
DevX Status Update
Tags: community, devtools
Published: 2023-10-20 18:24:15

---
title: DevX Status Update
published: true
date: 2023-10-20 00:00:00 UTC
tags: community, devtools
canonical_url: https://puppetlabs.github.io/content-and-tooling-team/blog/updates/2023-10-20-devx-status-update/
---

## “Welcome to the party, Pal.”

Here we are at the end of, yet another, eventful week. Hope all of you have some nice plans for the weekend. If not, you can always do what I do, watch a nice classic movie. Anyways, let’s get to the post before you all start googling 90s/00s movies.

## “The beacons are lit!…”

We start this weeks post by announcing that we have released a new version of our VSCode plugin, v1.4.2. Keep an eye out for any updates on that end as we are working on some much needed love for that tool.

### “…Gondor calls for aid.”

Another release many of you might have noticed was the re-release of our Puppet gems: rspec-puppet and puppet-lint. These can now be found in Rubygems by puppetlabs-rspec-puppet and puppetlabs-puppet-lint. However, be careful if you install these new gems alongside the old ones, as that can cause some compatibility issues. Watch out for warnings like “already initialized constant” as those can be a giveaway of this issue. We are actively working to resolve it.

## “He’s beginning to believe!”

On the other end, we have been able to identify and address one of them pesky bugs in pdk-runtime in our [puppet-runtime](https://github.com/puppetlabs/puppet-runtime/) repo. Hopefully, this will enable us to continue our maintenance work on PDK uninterrupted. Fingers crossed!

And that’s all for this week, folks. Did you recognise all the quotes? If not, you might have some catching up to do! Hasta la vista, baby!

## Community Contributions

We’d like to thank the following people in the Puppet Community for their contributions over this past week:

- [`provision#244`](https://github.com/puppetlabs/provision/pull/244): “Add additional Docker provisioner OS support”, thanks to [seanmil](https://github.com/seanmil)
- [`provision#242`](https://github.com/puppetlabs/provision/pull/242): “Add flexible Linux box support for Vagrant”, thanks to [seanmil](https://github.com/seanmil)
- [`rspec-puppet#83`](https://github.com/puppetlabs/rspec-puppet/pull/83): “Restore changelog of < 2.10.0”, thanks to [ekohl](https://github.com/ekohl)

## New Gem Releases

- [`puppetlabs_spec_helper`](https://rubygems.org/gems/puppetlabs_spec_helper) (`7.0.0`)
What Fundamental Principles Persist in Backend Engineering?
Tags: discuss
Published: 2023-10-20 00:00:00

---
published_at : 2023-10-20 00:00 +0000
---
What fundamental principles in backend engineering have remained constant and essential despite evolving technologies?

Follow the DEVteam for more discussions and online camaraderie!

{% embed [https://dev.to/devteam](https://dev.to/devteam) %}
Escape Hatches
Tags: react
Published: 2023-10-19 23:41:58

https://react.dev/learn/escape-hatches

## Refs

- Refs are values that 
   - persist over renders (like state)
   - does not rerender the component (unlike state)



### Ref attributes (which is a distinct concept from Refs)

- `ref` attributes can be used on a builtin HTML tag can be used to get DOM nodes of the underlying element. e.g. `<div ref={someRef} />`
- `ref` attributes can be used on a React component **only if** one creates the component with `forwardRef`.
- You can also pass in a function to a `ref` attribute for custom behavior other than binding to a Ref. For example, `<div ref={(element) => {}} />`
- `ref` attributes are used as an escape hatch for DOM manipulation that React cannot handle. Examples are
   - Non-destructive operations such as scrolling and focusing
   - Mutating part of the DOM that React never touches

## Effects

- There exists code that is...
   - neither a pure calculation, so cannot be run on rendering
   - nor is an event that has a trigger, so cannot be run in an event handler
- Effects are side effects caused by rendering itself, not a particular event.
- `useEffect` syntax is always as it has been.
   - Mind your cleanups so that your effects are idempotent.
- `useEffect` trigger timings:
   - startup code runs on component mount or dependency change
   - cleanup code runs on component unmount or next dependency change

## Personal Recap

### Where to put **data** in React

- Data does not persist between renders: use a local variable inside component
- Data persists between renders:
   - On data update, should rerender: use `state`
   - On data update, should not rerender: use `ref`

### Where to put **code** in React

- Pure calculation
   - Put it inside a component to run it every render.
   - For optimization, cache it with `useMemo`.
- Side Effect
   - If it's triggered because of an event, use an event handler.
   - If it's triggered because your component rendered, use an Effect.
      - e.g. syncing your component state with external code after render.
      - e.g. sending ajax requests because a component is rendered.
3 Things You Need to Know About JavaScript Functions
Tags: beginners, javascript, tutorial
Published: 2023-10-19 23:41:24

What should I know about JavaScript functions? Well you're in luck because today we'll go over 3 core topics seen in JavaScript functions.

---

## **1. Fundamentals**
_**Q:** What is a JavaScript function?_ 
**A:** A JavaScript function is a block of code that performs specific tasks when called. 
_**Q:** Why are JavaScript functions important?_
A: JavaScript functions are important because they help keep code organized and efficient. 
_**Q:** How are functions declared?_
**A:** Functions are declared with the "function" keyword followed by a function name and parentheses. Functions can then be invoked(also known as "called") by using the function name followed by parentheses, which executes the function. 

---

## **2. Parameters and Return Values**
_**Q:** What are parameters?_
**A:** Parameters are what is written inside the parentheses of a function. 
_**Q:** What is the purpose of parameters?_
**A:** Parameters give functions the ability to use values and different inputs for calculations and other tasks.  
_**Q:** What are return values?_
**A:** Return values are values that are returned after a function finishes its task. 
_**Q:** What is the purpose of return values?_
**A:** Return values are used to get information and execute further actions from the functions output. 

---

## **3. Callback Functions and Arrow Functions**
_**Q:** What is a callback function?_
**A:** A callback function is a function that you use as input to another function.
_**Q:**How are callback functions used?_
**A:** Callback functions are used to specify what happens after another task is completed. 
_**Q:** What are arrow functions?_
**A:** Arrow functions are used to make code more concise when defining functions.
_**Q:** How do you write an arrow function in JavaScript?_
**A:** Use the following syntax when writing arrow functions:

const function = (parameter) => {

return result;
};

In this example,

- 'const' declares the variable for the function
- 'function' is the function you use
- 'parameter' is the parameter of the function used
- '=>' is the arrow function
- 'return' is the output of the function

---

If you've followed along, I trust you've grasped the core of JavaScript functions. Best of luck with your coding journey ahead! Happy coding!
Looking for a developer in my project
Published: 2023-10-19 23:04:39

I've got a project that requires sprucing up the UI. Prior to finalizing the design, we're searching for a developer who is at ease with updating our previous project. 

We would like to determine if we can utilize the existing code as a foundation. If impossible, we have to build from scratch. 

Please reach out to me if you have good experience in blockchain and react/node.js programming.

Good benefit expected, Cheers!
How to Achieve true AI Alignment?
Tags: discuss, ai, watercooler
Published: 2023-10-19 22:54:27

---
title: How to Achieve true AI Alignment?
published: true
description: How would you describe AI Alignment?
tags: discuss, ai, watercooler
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lac2err3l2m8bxlf7nzb.jpg
---

Today, while having a random conversation with a friend on Twitter about AI, a thought crossed my mind. So I decided to share it here among brilliant minds and ask, "What will you build with AI now?" 🤖🤔💡

 > I can confidently say that AI can solve many problems, but the most crucial ones are often found within ourselves. If we can genuinely recognize our flaws, AI can be a valuable assistant in addressing them. Flaws within us may persist even when our intentions are good. However, where humans may falter is in finding the courage to confront them. This is because it's a challenging task and requires hard work, and AI can help bear the weight of that effort, enabling us to achieve genuine AI alignment.

What are your thoughts on it? Got an Idea to share? 🤔
X-Ray.contact - Access in-depth data about people from open sources
Tags: identity, verification, opensource, database
Published: 2023-10-19 22:52:40

We use technologies to systematize and analyze data from open sources to provide you with an easy-to-understand, reliable report on a targeted person. This report will contain overall data about contact info, nicknames, locations, images of a person, presence on social media with direct links, as well as advanced phone and email analysis.

X-Ray offers a global reach with extensive coverage of public records and other sources all over the world. You can have immediate access to the most relevant information about a targeted person within a few clicks, using different extended search types to please every request: image, email, phone, and name search.

[https://x-ray.contact](https://x-ray.contact)