teleren/devto huggingface dataset:
Day 3 of 30
Tags: webdev, beginners, react
Published: 2024-06-03 04:29:37

This is what I did on the previous day and just forgot to post.

But so far it has been good and I am slowly picking up on React nicely

**So for Yesterday, this is what I did:**
>Event Handling in React: https://github.com/FrancisNgigi05/react-hooks-event-handling-lab

>React State and Events: https://github.com/FrancisNgigi05/react-hooks-state-and-events-codealong

>React State and Arrays: https://github.com/FrancisNgigi05/react-hooks-state-arrays

>A small project covering the above topics: 
(i)Source Code: https://github.com/FrancisNgigi05/react-hooks-state-and-events-lab
(ii)Vercel Deployment link: https://react-hooks-state-and-events-lab-eight.vercel.app/
What is the best, flutter or react native?
Tags: reactnative, flutter, programming, framework
Published: 2024-06-03 04:20:15

Flutter and React Native are both used for cross-platform development. Both frameworks are used to build applications for Android and iOS. Since both provide the same purpose, it is crucial to understand which one is the best flutter or react native. 

According to a [StackOverflow survey](https://survey.stackoverflow.co/2023/#other-frameworks-and-libraries), Flutter is used 9.12% for developing projects, while React native is used 8.43% for projects. If we compare in terms of GitHub popularity, Flutter has [162k](https://github.com/flutter/flutter), and React native has [116k](https://github.com/facebook/react-native). 

Let’s understand which one is best for app development,

**Flutter : **

- Flutter was introduced by Google in 2017. It is written in Dart programming language and allows developers to build and deploy attractive Android, iOS, web, and desktop apps based on a single code. 
- Flutter widgets like structural, platform, and proprietary visual are built-in UI components used for creating user interfaces. 
- Flutter owns a rendering engine and uses dart language. That’s why it gives high performance and fast load times. 
- Flutter provides hot reload features that boost development productivity, allowing you to see changes instantly by restarting it. 
- Flutter provides streamlined and straightforward documentation that helps developers make it easy to read. 
- Dart is a new language, so the adoption rate is low, and the community is smaller. 

**React Native : **

- React Native was introduced by Facebook in 2015. It uses the most popular programming language, JavaScript, so web developers can also move to mobile app development. 
- It is based on native components and a collection of external UI kits that help you to make creative user interfaces. 
- React native uses JavaScript to connect native components, so the development and running time speed is slower than Flutter. 
- React native has no straightforward documentation; it depends on the external developer community. 
- React native is the most popular and adopted for app development compared to Flutter. 
- React Native has limited choices, does not provide out-of-the-box components, and sometimes abandons libraries and packages. 

Ultimately, both frameworks are used for cross-platform [app development](https://www.green-apex.com/mobile-app-development) with different functionalities. Flutter is the best option if you have a smaller budget, fast growth, and a great UI. Alternatively, if you have a website and want to reuse its components for a mobile app and have a team of developers who have experience in JavasScript and can use many plugins, modules, and widgets, then choose React Native.
Money Pro Max Loan 𝑪𝒖𝒔𝒕𝒐𝒎𝒆𝒓 𝑪𝒂𝒓𝒆 𝑯𝒆𝒍𝒑𝒍𝒊𝒏𝒆 𝑵𝒖𝒎𝒃𝒆𝒓//))=V-S= 9734517315*++/
Tags: webdev, javascript, beginners, programming
Published: 2024-06-03 04:17:56

Money Pro Max Loan 𝑪𝒖𝒔𝒕𝒐𝒎𝒆𝒓 𝑪𝒂𝒓𝒆 𝑯𝒆𝒍𝒑𝒍𝒊𝒏𝒆 𝑵𝒖𝒎𝒃𝒆𝒓//))=V-S= 9734517315*++/Money Pro Max Loan 𝑪𝒖𝒔𝒕𝒐𝒎𝒆𝒓 𝑪𝒂𝒓𝒆 𝑯𝒆𝒍𝒑𝒍𝒊𝒏𝒆 𝑵𝒖𝒎𝒃𝒆𝒓//))=V-S= 9734517315*++/
Money Pro Max Loan 𝑪𝒖𝒔𝒕𝒐𝒎𝒆𝒓 𝑪𝒂𝒓𝒆 𝑯𝒆𝒍𝒑𝒍𝒊𝒏𝒆 𝑵𝒖𝒎𝒃𝒆𝒓//))=V-S= 9734517315*++/dhgg
Tags: webdev, javascript, beginners, tutorial
Published: 2024-06-03 04:16:57

Money Pro Max Loan 𝑪𝒖𝒔𝒕𝒐𝒎𝒆𝒓 𝑪𝒂𝒓𝒆 𝑯𝒆𝒍𝒑𝒍𝒊𝒏𝒆 𝑵𝒖𝒎𝒃𝒆𝒓//))=V-S= 9734517315*++/Money Pro Max Loan 𝑪𝒖𝒔𝒕𝒐𝒎𝒆𝒓 𝑪𝒂𝒓𝒆 𝑯𝒆𝒍𝒑𝒍𝒊𝒏𝒆 𝑵𝒖𝒎𝒃𝒆𝒓//))=V-S= 9734517315*++/Money Pro Max Loan 𝑪𝒖𝒔𝒕𝒐𝒎𝒆𝒓 𝑪𝒂𝒓𝒆 𝑯𝒆𝒍𝒑𝒍𝒊𝒏𝒆 𝑵𝒖𝒎𝒃𝒆𝒓//))=V-S= 9734517315*++/
React Components Basic 101
Tags: webdev, javascript, tutorial, react
Published: 2024-06-03 04:13:41

> The Building Blocks Of Modern Web Application

**What is a React Component:**
-Components are part of React, which is a JavaScript Library used to build web interface.
-They are written in JSX, a syntax extension that combines JS and HTML making it more readable.

**Analogy**
Imagine codes inside LEGO blocks that, when pieced together, forms a web page application. Each webpage is broken up into pieces of smaller User Interface. By combining these blocks, you build complex and dynamic web pages.

**Why is it important:**
Reusability: 
     -You can create a component and use that same application through out different parts of your code.
     -This means you write less code and reduce the potential bugs and errors
Maintainability:
     -You can organize each component for a clear purpose and simplify the furture updates or modification.

## But how does Component Work and Pieced together:
We have a main component that combines all the other components. 
It is usually in the default component which is the App.js.
and in here we would see:

```
Import React from 'react';

function App() {
  return (
    <div>
      <Header />
      <Content />
      <Footer />
    </div>
  );
}

export default App
```

This App component is linked to index.js, which renders it to the index.html file using:

```
ReactDOM.render(<App />, document.getElementById("root"));
```

**Each component is linked by the Import and Export** 
Import syntax: 
import ComponentName from "./componentfolder/ComponentName";

> To use a component, you import it at the beginning of the file 


Export syntax:
export default ComponentName;

> To make a component available for use in other parts of your application, you export it at the end of the file

**What do we put in the middle?**
-Component syntax:
 We start with a component function and adds a return property that will contain an JSX style of code
```
function ComponentName () {
  return (....)
}
```

Conclusion:
This simple introduction opens up a more complex structure and component lifecycle that we can explore. We can pass properties (props) to components and use that data to make our UI more interactive. We can nest components inside other components to create more sophisticated layouts.

For those up to the challenge, exploring class-based components can provide a deeper understanding of React. Class components are the original structure for writing React components and offer additional features like lifecycle methods.

React components are powerful tools that allow developers to build modular, maintainable, and reusable code. By mastering components, you can create efficient and dynamic web applications. Happy coding!
🚀 Don't cheat in leetcode- become better in it, grind harder 💪
Tags: leetcode, javascript, algorithms, extensions
Published: 2024-06-03 04:11:51

> A leetcode a day keep unemployment away

Hey, I think all of you, readers, know about [leetcode](https://leetcode.com/)- a platform for for coding interview preparation. There a lot of good problems to solve and interface is amazing. I started solving leetcode problems about a year ago, but was active only for 3-4 month. 

The first problem I faced with- I hadn't a clue how to solve problems. I checked other's solutions, learned approaches, but didn't see a progress when solved daily problems, even if they were easy. I just gave up too fast after reading description and instantly opened solutions tab, read other's code, thought that it was so easy and I could solve it by myself too, close it, but still couldn't manage to write it.

Just to have a streak I copy&pasted NeetCode's solutions from video, thinking that from his explanation I will become better and next time I will solve this sort of problem by myself. What is the result? I just gave up on solving leetcode at all, because it become boring.

Now, starting from 10th May I returned to leetcode, created new session where I solve without chat gpt. Not gonna lie, I still watch other's solutions if it is really hard, but only until it requires new approach/algorithm. Otherwise I try to do my best.

So I built myself a [chrome extension](https://noleetcheat.onrender.com/). It prevents me from accessing chat gpt and solutions tab when I solve problems. 

So on each new tab it checks if there leetcode problem opened and chat gpt at the same time. If so, it redirects chat gpt tab to google.com
![Code fragment](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z2o4avt0g17kc9t8g4ja.png)

Similar code for solutions tab on leetcode

![Code fragment](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a6kmj76di4puvo8smy8c.png)

I hope it will help me, and maybe you, in grinding and passing interviews

This project is open source so you can [check it out](https://github.com/rendizi/noleetcheat). Thank you for reading, happy coding! And also, what can I add there? Any suggestions?
Money Pro Max Loan 𝑪𝒖𝒔𝒕𝒐𝒎𝒆𝒓 𝑪𝒂𝒓𝒆 𝑯𝒆𝒍𝒑𝒍𝒊𝒏𝒆 𝑵𝒖𝒎𝒃𝒆𝒓//))=V-S= 9734517315*++/
Tags: webdev, javascript, beginners, programming
Published: 2024-06-03 04:08:34

Money Pro Max Loan 𝑪𝒖𝒔𝒕𝒐𝒎𝒆𝒓 𝑪𝒂𝒓𝒆 𝑯𝒆𝒍𝒑𝒍𝒊𝒏𝒆 𝑵𝒖𝒎𝒃𝒆𝒓//))=V-S= 9734517315*++/Money Pro Max Loan 𝑪𝒖𝒔𝒕𝒐𝒎𝒆𝒓 𝑪𝒂𝒓𝒆 𝑯𝒆𝒍𝒑𝒍𝒊𝒏𝒆 𝑵𝒖𝒎𝒃𝒆𝒓//))=V-S= 9734517315*++/
Money Pro Max Loan 𝑪𝒖𝒔𝒕𝒐𝒎𝒆𝒓 𝑪𝒂𝒓𝒆 𝑯𝒆𝒍𝒑𝒍𝒊𝒏𝒆 𝑵𝒖𝒎𝒃𝒆𝒓//))=V-S= 9734517315*++
Tags: webdev, javascript, beginners, programming
Published: 2024-06-03 04:07:00

Money Pro Max Loan 𝑪𝒖𝒔𝒕𝒐𝒎𝒆𝒓 𝑪𝒂𝒓𝒆 𝑯𝒆𝒍𝒑𝒍𝒊𝒏𝒆 𝑵𝒖𝒎𝒃𝒆𝒓//))=V-S= 9734517315*++/
fcyftyrdytrtes5eses5es
Published: 2024-06-03 03:01:13

https://gitlab.com/-/snippets/3715468
https://gitlab.com/-/snippets/3715469
https://gitlab.com/-/snippets/3715470
https://gitlab.com/-/snippets/3715471
https://gitlab.com/-/snippets/3715473
https://gitlab.com/-/snippets/3715474
https://gitlab.com/-/snippets/3715475
https://gitlab.com/-/snippets/3715476
https://gitlab.com/-/snippets/3715477
https://gitlab.com/-/snippets/3715478
https://www.lesswrong.com/posts/MdoButW7FqTuepwXT/fyftydftgfdtdtdtdtrdtdrt
Phòng khám phụ khoa ở Hưng Yên
Published: 2024-06-03 02:52:55

Việc thực hiện khám phụ khoa tổng quát giúp phụ nữ phát hiện sớm các vấn đề về sức khỏe ở vùng kín và bảo vệ khả năng sinh sản. Tuy nhiên, việc quan trọng nhất là lựa chọn một cơ sở y tế đáng tin cậy và đảm bảo an toàn, chính xác. Nếu bạn đang phân vân về việc chọn địa chỉ khám phụ khoa tổng quát tại Hưng Yên, hãy đến phòng khám đa khoa Hưng Yên có địa chỉ tại Số 84, KĐT Lạc Hồng Phúc, Phường Nhân Hòa, Thị xã Mỹ Hào, Tỉnh Hưng Yên. Hotline: 1900 638 889 - 0923 638 889. Đây là địa chỉ khám chữa bệnh phụ khoa được nhiều chị em tin tưởng lựa chọn.
https://www.abruzzoairport.com/web/bacsituvan24h/home/-/blogs/dia-chi-kham-phu-khoa-o-hung-yen
How to export and import data in SQLynx
Published: 2024-06-03 02:45:12

In this article, I'll to teach how to export and import data using the DBweaver, its very simple.
In yours SQLynx select database and table that you want to export data.
Right mouse button and select option Export data.

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

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

In SQL query result, you can also export data.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/86rd08ru3lb6klpg148d.png)
Top 4 Reasons Why I Learnt JavaScript
Tags: webdev, javascript, beginners, html
Published: 2024-06-03 02:11:00

## Popularity

JavaScript is one of the most widely used programming languages, with millions of developers using it to develop websites, web applications, browser-based games, server-side APIs and more.

So, it makes it a very valuable skill to have and it opens up many job opportunities, and it allows for collaboration with other developers. 

## Versatility

So, it is also very versatile.

It is used both on the frontend and backend of web development, making it a full stack language.

This versatility allows developers to build complete web applications using only JavaScript.

Not only that, but there are technologies like React Native, which allows you to build complex mobile applications, and technologies like Electrons that allow you to create desktop applications.

Some of the most popular desktop applications are actually built on JavaScript and Electron, including VS Code, which is the text editor that we will be using, as well as Postman which is the HTTP client that we will be using.

Before we continue, please [subscribe to my free weekly newsletter](https://karlgusta.substack.com) where I help you get a high paying developer job.

## Relatively Easy To Learn

So, I would say that JavaScript is relatively easy, relative being the key term.

So, if you compare it to other languages especially more low-level compile languages like C and C++, it is much easier to get into.

Anyone who has a passion for coding, can learn JavaScript.

You don't have to be some genius, you don't have to be great in Maths or anything like that.

You just have to have some drive and the willingness to learn and to put the effort in.

## Community

So JavaScript also has a very very large and active community, which provides a wealth of resources, support, tutorials, and tools for learning and improving your skills.

From websites like Stack Overflow to social media, JavaScript has a huge reach.

And when it comes to tools like actual development tools, there is just so much open-source software.

So, you have NPM which is the Node Package Manager, with like 1.3 million packages that you can just download and install and use. 

So, there is no shortage of resources or tools when it comes to JavaScript.

Happy Coding!
Karl
Use Gemini to Understand Errors with Google Chrome Dev Tools
Tags: gemini, google, chrome
Published: 2024-06-03 01:58:33

## requirement
Google Chrome version 125+

## Settings

Check **Understand console messages with AI**

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


## Try Gemini
https://bubble-jingle.web.app/search

1. open Devtools-console
2. click text input
3. click the light icon

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

In the first time, you will see the following messages

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


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



![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bj3v6ardphcv3sdap0my.png)
HIRE A CRYPTO EXPERT FROM RESILIENT SHIELD RECOVERY
Published: 2024-06-03 01:55:44

At just  17 , I became a trader, venturing   into the world of cryptocurrency trading early on in my teenage years. Through countless hours of research, strategy, and diligent effort, I was able to amass a substantial fortune of over $600,000 worth of Bitcoin assets. My success was both thrilling and empowering, but little did I know that a devastating turn of events was just around the corner.My troubles started when I shared my achievements with a few friends, unaware of the potential risks. Shortly after, I began receiving suspicious emails. One day, I made the mistake of opening one of these emails, which led to my Bitcoin wallet being hacked. In a matter of moments, all my hard-earned assets disappeared, leaving me in a state of shock and despair.Desperate to find a solution, I turned to the internet for help and came across  RESILIENT SHIELD RECOVERY . Despite my initial skepticism, I decided to reach out to them, clinging to the hope that they could help me reclaim my lost assets. From the very beginning, the team at  RESILIENT SHIELD RECOVERY  provided exceptional support and reassurance. Their constant communication and encouragement helped me stay hopeful during this trying time.Within just 12 hours, the dedicated team at  RESILIENT SHIELD RECOVERY  managed to recover my compromised email account and secure it against further attacks. Unfortunately, my Bitcoin assets had already been transferred out. However, the team didn't stop there. Through their meticulous investigation, they were able to track down the perpetrators behind the scam.To my utter shock, the investigation revealed that the scammers were individuals I had considered close friends. It was a painful revelation, but  RESILIENT SHIELD RECOVERY  unwavering support helped me navigate through the betrayal. With their assistance, I took legal action against those responsible. The legal process culminated in a court settlement, which compensated me for the stolen assets and provided a sense of justice.This harrowing experience taught me invaluable lessons about cybersecurity and the importance of being cautious with whom I share sensitive information. It also reinforced the significance of having trustworthy allies in the digital age. The expertise and dedication of  RESILIENT SHIELD RECOVERY  were instrumental in helping me regain control over my financial future and restoring my peace of mind.In conclusion, my encounter with  RESILIENT SHIELD RECOVERY  was nothing short of life-changing. Their exceptional service and commitment to helping victims of digital fraud are truly commendable. For anyone facing similar challenges, I highly recommend ( resilientshieldrecovery@contractor.net  ) as a reliable partner in navigating the complex world of cryptocurrency and digital security. WhatsApp Number : +1 (936) 244‑3264
Introducing Idyllic Apps AI Dictionary: Redefining the Way You Understand Words
Published: 2024-06-03 01:55:23

We're thrilled to announce the launch of the Idyllic Apps AI Dictionary, a revolutionary tool designed to elevate your language learning and comprehension experience. Imagine having a personal linguistic assistant that's always ready to help you understand, pronounce, and use words accurately—Idyllic Apps AI Dictionary makes this a reality.

**Watch Our Launch Video**
To get a sneak peek at the AI Dictionary in action, check out our launch video here. See firsthand how this innovative app can transform your interaction with words.

{% embed https://www.youtube.com/watch?v=bxkt3KCdQvI %}

**What Makes Idyllic Apps AI Dictionary Unique?**
AI-Powered Definitions
Our AI Dictionary leverages cutting-edge artificial intelligence to provide precise and contextually relevant definitions. No more wading through archaic or overly technical explanations; our AI ensures you get the most accurate and understandable meanings.

**Pronunciation Guides (Coming Soon)**
Struggling with pronunciation? Our app offers audio guides for every entry, voiced by native speakers. Improve your pronunciation with ease and confidence, knowing you're learning from the best.

**Example Sentences**
Understanding a word is more than just knowing its definition. That's why we include example sentences for every entry, helping you see how words are used in real-life contexts.

**Multilingual Support (Coming Soon)**
Whether you're a polyglot or just learning a new language, our AI Dictionary supports multiple languages, making it a versatile tool for learners worldwide. Switch between languages effortlessly and expand your vocabulary across different tongues.

**User-Friendly Interface**
Our sleek, intuitive design ensures a seamless user experience. Quickly search for words, save your favorites, and explore new vocabulary with ease.

**Why Choose [Idyllic Apps AI Dictionary?]**(https://us.idyllic.app/dictionary)
In today’s fast-paced world, clarity and precision in language are more important than ever. Whether you're a student, professional, or language enthusiast, Idyllic Apps AI Dictionary is designed to meet your needs. Our AI technology continually learns and evolves, ensuring you always have access to the most up-to-date and accurate information.

**Join the Revolution**
Don't miss out on this game-changing tool. Visit [Idyllic Apps AI Dictionary](https://us.idyllic.app/dictionary) today and start your journey toward mastering any language with ease and confidence.

Stay tuned for more updates and features as we continue to enhance your language learning experience. Together, let's redefine the way we understand and use words.

For more information, visit our [website](https://idyllic.app/) or contact our support team. We're here to help you every step of the way.

Happy learning!
Stay Updated with Python/FastAPI/Django: Weekly News Summary (27/05/2024 - 02/06/2024)
Tags: python, django, flask, fastapi
Published: 2024-06-03 01:55:01

Dive into the latest tech buzz with this weekly news summary, focusing on Python, FastAPI, and Django updates from May 20th to May 26th, 2024. Stay ahead in the tech game with insights curated just for you!

This summary offers a concise overview of recent advancements in the Python/FastAPI/Django framework, providing valuable insights for developers and enthusiasts alike. Explore the full post for more in-depth coverage and stay updated on the latest in Python/FastAPI/Django development.

Check out the complete article here [https://poovarasu.dev/python-fastapi-django-weekly-news-summary-27-05-2024-to-02-06-2024/](https://poovarasu.dev/python-fastapi-django-weekly-news-summary-27-05-2024-to-02-06-2024/)
Stay Updated with PHP/Laravel: Weekly News Summary (27/05/2024 - 02/06/2024)
Tags: php, laravel
Published: 2024-06-03 01:52:36

Dive into the latest tech buzz with this weekly news summary, focusing on PHP and Laravel updates from May 27th to June 2nd, 2024. Stay ahead in the tech game with insights curated just for you!

This summary offers a concise overview of recent advancements in the PHP/Laravel framework, providing valuable insights for developers and enthusiasts alike. Explore the full post for more in-depth coverage and stay updated on the latest PHP/Laravel development.

Check out the complete article here [https://poovarasu.dev/php-laravel-weekly-news-summary-27-05-2024-to-02-06-2024/](https://poovarasu.dev/php-laravel-weekly-news-summary-27-05-2024-to-02-06-2024/)
Hello dev,Check out my new tools
Tags: webdev, javascript, beginners, showdev
Published: 2024-06-03 01:37:05

Check out my new tool, JSON Viewer! It's designed to make JSON Visualization easy and intuitive. Give it a try at [[jsonviewer.tools](url)](url) and let me know what you think!


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


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