teleren/devto huggingface dataset:
React Learning Basic to Advance
Tags: react, javascript, beginners, webdev
Published: 2023-10-12 10:56:50


### Introduction

React is a popular Javascript library useful in creating reusable, component-driven user interfaces for web pages and apps.

### How does React work?

React uses its markup language called JSX. JSX makes it easier for React to combine HTML and Javascript Functionality. One of the most powerful features of React is its ability to manage the flow of data throughout the application.

### Benefits of JSX

As we have already said, with JSX, you can write Html with Javascript. This has several benefits which include:

* It makes your code readable.
    
* It lets you use the full programmatic power of Javascript within HTML.
    

> Note: JSX is similar to the HMTL code that you have already learned. However, key differences between HTML and JSX syntax exist which you will continue to learn as we progress with our learning.

### How to write Javascript in JSX?

JSX is a syntactic extension of Javascript, thus you can write Javascript within JSX. To include Javascript in JSX, you need to write your Javascript code within curly braces(`{}`).

```javascript
Example
{ 'code here is treated as Javascript'}
```

### How is JSX compiled?

JSX is not a valid Javascript, it must be compiled into javascript. The transpiler Babel is a popular tool that is used for this process. Check [How transpiler Babel works](https://babeljs.io/). Writing a syntactically invalid JSX will make your code fail.

### How React renders your code?

Imagine that you need to draw on a piece of paper. You would have to plan and arrange where each of your drawings will go on your paper. But now, you have a magic box that will place your content on the piece of paper. You just need to tell the magic box to take your drawings and stick them on the paper.

Just like you told the magic box to stick your drawings on the paper, React calls a function `ReactDOM.render(JSX, document.getElementById('root')).` This function is what places the JSX code in its lightweight representation of the DOM. React then uses snapshots of its own DOM to optimize updating only specific parts of the actual DOM.

## Conclusion

Thanks for diving into this article! By reading it, you've gained insights into how React creates stunning user interfaces. As we journey through our ongoing series about learning React, I'll be explaining more exciting things. Stay tuned for more valuable information and happy learning!

### Written by **Dennis Mbugua**
## Follow me on [Twitter X](https://twitter.com/mbugua_dennis33)
🚀 API Maker - Automatic Caching
Published: 2023-10-12 10:56:14

##⭐ List of Feature ⭐


✅ What & why caching?
 ▸ Caching is a technique that improves the speed of data or file access by storing multiple copies of them in a temporary storage location.


✅ Support every APIs
 ▸ API Maker's automatic caching feature supports various APIs, such as database tables, custom APIs, system APIs, and third-party APIs.


✅ Easy to enable / disable
▸ Caching can be easily enable, disable, and reset by the user.


✅ Immediate effect 
▸ Caching will be automatically reset when any relevant row / document is changed.


✅ Up to N-number level of support 
▸ API Maker provides database and collection-level caching.


✅ x-am cache control
▸ This specific header in an API request can reset the cache for that API.


✅ System API to reset cache of all APIs
▸ To reset the cache for Custom APIs, Third-party APIs, and Database caching, you can use the system APIs provided by API Maker.


----------------------------------



## Youtube video link
https://youtu.be/sa0Tm77nAgU


## Websites
https://apimaker.dev


## API Docs link
https://docs.apimaker.dev/v1/docs/features/automatic-caching.html


## Follow on twitter
https://twitter.com/api_maker


## Linked In
https://www.linkedin.com/company/api-maker
Book Club: Eloquent JavaScript. 3 Intro + Values, Types, and Operators
Tags: books, algorithms, bookclub
Published: 2023-10-12 10:43:42

---
title: Book Club: Eloquent JavaScript. 3 Intro + Values, Types, and Operators 
published: true
description: Book Club discussion for Eloquent JavaScript by Marijn Haverbeke
tags: [books, algorithms, bookclub]
series: book club Eloquent JavaScript
---

## **Eloquent JavaScript** A Modern Introduction to Programming, by Marijn Haverbeke

---

## Introduction
## Chapter 1: Values, Types, and Operators


If you read any of this chapter, please go ahead and discuss what you thought in the comments! 

:memo: my notes from these chapters are below.

:calendar: End of October 2023.

:books: On [Storygraph](https://app.thestorygraph.com)? Join the [Readalong](https://app.thestorygraph.com/readalongs/9a6ec9d4-4572-4a54-a0e2-a4200c63ad67)!

-----

Chapter 1 is very high level overview of the syntax used in JS, I think for readers with some experience of JS already this content won't be new info and could be skipped - but the introduction might be worth reading or skimming as it's got some context behind the language that many JS developers might not know.
Next JS dynamic page errors
Tags: webdev, javascript, typescript, nextjs
Published: 2023-10-12 10:39:43


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/77wtlnbbczbblc8mcxhn.jpg)I'm facing the issue while fetching I'd from the URL in the dynamic page. next/router can't be used next/navigation doesn't have query parameter and useSearchparams is not working either. Kindly suggest a solution as soon as possible.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n2bv62tzmq8uehwboa33.jpg)
Miso88 - Nhà Cái Cá Cược Uy Tín Số 1 Châu Á
Published: 2023-10-12 10:36:14

Miso88 là một nhà cái uy tín hàng đầu Châu Á, được giám sát bởi công ty Cổ phần Giải trí & Nghỉ dưỡng First Cagayan tại quốc gia Philippines.
Địa Chỉ: 72 P. Triều Khúc, Tân Triều, Hà Đông, Hà Nội, 12511, Việt Nam
Email: miso88la@gmail.com  
Website: https://miso88.la/ 
Điện Thoại: (+84) 568 281 152 
#miso88 #miso88la #miso88_casino #nha_cai_miso88 

SocialLinks:

https://miso88.la/huong-dan/
https://miso88.la/xo-so-miso88/
https://miso88.la/ban-ca-miso88/
https://miso88.la/casino-miso88/
https://miso88.la/the-thao-miso88/
https://www.facebook.com/miso88la/
https://twitter.com/miso88la
https://www.youtube.com/channel/UCwguYSbynjZFQrmwWwGG-Wg
https://scholar.google.com/citations?hl=vi&user=9prjr8wAAAAJ
https://www.pinterest.com/miso88la/
https://500px.com/p/miso88la
https://social.msdn.microsoft.com/Profile/miso88la
https://social.technet.microsoft.com/profile/miso88la/
https://soundcloud.com/miso88la
https://bbs.now.qq.com/home.php?mod=space&uid=5693687
https://draft.blogger.com/profile/02248351174677895398
https://favinks.com/profile/miso88la
https://www.blogger.com/profile/02248351174677895398
https://miso88la.blogspot.com/
https://www.reddit.com/user/miso88la
https://en.gravatar.com/miso88la
https://medium.com/@miso88la
https://www.flickr.com/photos/miso88la/
https://www.tumblr.com/miso88la
https://miso88la.wixsite.com/my-site
https://miso88la.weebly.com/
https://wellfound.com/u/miso88la
https://www.goodreads.com/user/show/169991898-miso88la
https://vimeo.com/miso88la
https://www.liveinternet.ru/users/miso88la/profile
https://sites.google.com/view/miso88la/trang-ch%E1%BB%A7
https://linktr.ee/miso88la
https://www.twitch.tv/miso88la/about
https://tinyurl.com/miso88la
https://ok.ru/miso88la/statuses/155467102553085
https://profile.hatena.ne.jp/miso88la/profile
https://issuu.com/miso88la
https://dribbble.com/miso88la/about
https://www.behance.net/miso88la
https://flipboard.com/@miso88la
https://www.kickstarter.com/profile/miso88la/about
https://leetcode.com/miso88la/
https://miso88la.thinkific.com/courses/your-first-course
https://about.me/miso88la
https://tawk.to/miso88la
https://ko-fi.com/miso88la
https://www.provenexpert.com/miso88la/
https://hub.docker.com/u/miso88la
https://independent.academia.edu/miso88la
https://groups.google.com/g/miso88la
https://github.com/miso88la
https://biztime.com.vn/miso88la
https://vozforum.org/members/miso88la.285008/
https://miso88la.webflow.io/
https://miso88la.nethouse.ru/
https://miso88la.peatix.com/
https://sketchfab.com/miso88la
https://gitee.com/miso88la
https://public.tableau.com/app/profile/miso88la
https://connect.garmin.com/modern/profile/fd68f63e-bb8d-47e8-88d0-cb7699e27642
https://fliphtml5.com/homepage/uxfmk
https://www.reverbnation.com/artist/miso88la
https://anchor.fm/miso88la
https://myanimelist.net/profile/miso88la
How I Dived into Hacktoberfest 2023: A CSS Animation Adventure
Tags: hacktoberfest23, css, animation, opensource
Published: 2023-10-12 10:33:37

I had the incredible opportunity to participate in Hacktoberfest 2023 for the first time. My journey began when I purchased the Zero to Mastery (ZTM) course on Udemy and joined their Discord server. The community in the Discord server was buzzing with discussions about Hacktoberfest 2023, which motivated me to take part in this exciting event.

One of the repositories I contributed to during Hacktoberfest was the Animation-Nation project hosted on GitHub (https://github.com/zero-to-mastery/Animation-Nation). My task was to create a simple or complex animation using only HTML and CSS, without involving SVG. After brainstorming, I got inspired to create a ping pong game animation using CSS.

I dedicated an entire day to coding and perfecting the animation. After completing it, I submitted a pull request (PR) to the repository. To my delight, my PR was merged, and my animation was featured on their site (https://animation-nation.netlify.app/). It was a proud moment for me to see my work live and accessible to others.

![Animation Nation site](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oewm2cn236z6twl4bnse.png)

Furthermore, I received an email from Hacktoberfest confirming the acceptance of my PR, adding to the sense of accomplishment and motivation to continue contributing to open source projects.


![Accepted Pull request by Hacktoberfest 2023](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4uyn4vcsdbs70x4dte70.png)
Hacktoberfest 2023 was an enriching experience that taught me a lot and ignited my passion for further involvement in the open source community. I look forward to participating again in future Hacktoberfest events and contributing to more amazing projects. 🚀 #Hacktoberfest #OpenSource #Community #CSSAnimation
Golden Duck app gives the opportunity to do the part -time job from home.
Tags: webdev, beginners, tutorial
Published: 2023-10-12 10:29:09

Golden Duck app  is an online platform that allows you to do work from home like completing simple tasks that give you salary in your account. Golden Duck is the most straightforward application to work from home. Golden Duck app is made especially for people who love to do part-time work in their free time.
Get a salary by completing easy tasks with Golden Duck. Now you can work through your smartphone and complete your small need.

How do users work daily?
• Explore & complete tasks in Golden Duck App & get a salary for the same.
• Find Featured task, Popular work & costly task.
• Complete specific tasks on apps - open on a specific day & consume data
• Find other apps by other options & App Gallery
• Refer & get ₹ 500 daily

Why do people love working from home on Golden Duck?
-Golden Duck online work-from-home app which gives the opportunity of part-time work to all users.
-Golden Duck home job app contains a “Daily work option” Here you can work daily or get a salary daily. After completing the work you get your salary within 24 hours.
-Complete your favorite work, and you will receive the promised amount in your wallet then, transfer the amount to your account which can be used for daily needs.
-Get more amount by referring your friends.
-You can even get more salary by referring the Golden Duck app to your friends and family. Share your Golden Duck App’s referral code with them and increase your salary.
-You can work here according to your free time.
-You can do part-time work or a full-time job here.

Who can work on this app?
No age limit, anyone who has a smartphone does work here. Golden Duck app is most useful for students, housewives, or un-employment people. No specific education or experience is required to do work here.
Golden Duck app is easy to use platform where anyone can work and complete daily pocket needs.

If you have any suggestions or feedback for us or if you are facing any issues with our app, feel free to contact us at

https://goldenduck.app/
10 Days of DevOps Challenge⚙️
Tags: webdev, devops, prizes, javascript
Published: 2023-10-12 10:25:03

🚀 Welcome to the 10 Days of DevOps Challenge! 

Are you ready to embark on a thrilling journey through the world of DevOps? Whether you're a seasoned pro or just getting started, this challenge is designed to enhance your DevOps skills, one day at a time. 

Here's how it works: 
Every day for the next 10 days, we will post a new question or task related to DevOps in the ShiftSync forum. Each task will allow you to explore different aspects of DevOps. 

And that's just the beginning! We have some thrilling incentives lined up for you: 

🏆 Win Prizes: At the end of the challenge, we will select two winners who have successfully completed each day's topic. These winners will receive special gifts as a token of appreciation. The winners will be announced on Oct.16.

🌟 Earn Points: Additionally, all participants who finish the challenge will be rewarded with +200 points. 

Get ready to learn, grow, and level up your DevOps skills! Each day's task will bring you closer to becoming a DevOps champion.  

 https://shiftsync.tricentis.com/missions-challenges-41/10-days-of-devops-challenge-548

Challenge timeline

06.10 Day 1: Introduction to DevOps 
07.10 Day 2: Version Control 
08.10 Day 3: Continuous Integration (CI) 
09.10 Day 4: Automated Testing
10.10 Day 5: Code Review and Collaboration
11.10 Day 6: Continuous Deployment (CD) 
12.10 Day 7: Test Data Management 
13.10 Day 8: Test Reporting and Metrics 
14.10 Day 9: Security Testing 
15.10 Day 10: DevOps Culture and Collaboration  
16.10 Winner Announcement

Note: Please don’t use Generative AI.  :D
Turmeric Facial Wax Powder: An Ancient Beauty Secret
Tags: javascript
Published: 2023-10-12 10:24:44

Turmeric Facial Wax is a natural and effective skincare solution that harnesses the power of turmeric to provide a luxurious spa-like experience in the comfort of your own home. This innovative wax combines the anti-inflammatory and antioxidant properties of turmeric with gentle waxing to remove unwanted facial hair, leaving your skin smooth and radiant. Turmeric's healing qualities help soothe the skin, reduce redness, and promote a healthy complexion. Say goodbye to traditional waxing methods and hello to a holistic approach that not only removes hair but also pampers your skin. **[Turmeric Facial Wax](https://faithandpatience.co.in/products/turmeric-hair-removal-powder-6-min-facial-wax)** is the ultimate choice for a brighter, smoother, and hair-free face. 


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

FaithAndPatience
hello@faithandpatience.co.in
E-207, VKI ROAD NO. 10, JAIPUR, RAJASTHAN. 302013
7852855002
ChatGPT - is it strong and should you be wary of it?
Published: 2023-10-12 10:21:09

I won't list the concerns that the chatGPT has raised among the average Internet user - there are tons of them, you can read for yourself.
But here I gave him an assignment: "Can you suggest a regular expression in PHP that would remove all attributes of all tags except src in the text?"...
After each answer he gave, the standard task clarification began:
- only the SRC attribute should be left, the rest should be removed
- the content of the SRC attribute should remain as well
- this code doesn't work, check yourself
- in this version the code does not work, because all attributes except style|class|alt remain

And so on.

After playing with it for about 10 minutes, I quickly found a solution here https://stackoverflow.com/questions/33093509/php-regex-remove-all-attibute-except-href-in-html and it is very correct at least from the position that it allows you to easily replace href with src, add a couple of attributes - that is, it gives a flexible, customizable solution. Chat could not give me such a result.

Hence two conclusions:

1. At this stage, it is not worth being afraid of it - the revolution of cars is still postponed :)
2. To use it, _**you need to be able to do what you are asking it to help you with**_!

And the second conclusion makes you wonder: what is the purpose of a chatGPT? The answer is simple - as a generator of ideas and directions for finding an answer! This is where it is great, as it gives us a squeeze of the entire Internet, saving us hours of searching and processing garbage!
ListView
Tags: android, androiddev, jetpackcompose
Published: 2023-10-12 10:19:14


You can build a ListView that listens to a **LiveData** observer to get and update its items by using the state composable, the List composable, and the **_remember { liveData() }_** function.

Here’s an example of how to build a ListView that listens to a **LiveData** observer to get and update its items:

```
val viewModel = ViewModelProvider(this).get(MyViewModel::class.java)
val data = remember { viewModel.liveData }

@Composable
fun MyListView() {
    state(data) { items ->
        List(items) { item ->
            Text(item.name)
        }
    }
}
```


In this example, you can create a **ViewModel** instance, and use **_remember { liveData }_** to get the **LiveData** from the viewModel and then use **state** to observe it.

The state composable is used to observe the **LiveData** object, and the List composable is used to display the items in the **LiveData** object.

The List composable takes a list of items as input, and a lambda function that is used to define how each item in the list should be displayed.
Expansion and Substitution in Unix-like Operating Systems
Tags: bash, linux, beginners, programming
Published: 2023-10-12 10:14:55

## Pathname expansion

expanding a pathname, how do we do that?

if we do `echo 2 * 3`

```
nuclearegg69@zenbook-f13:~/testRen$ echo 2 * 3
2 a apple b banana c cactus inNano2Ren test2 3

```

I am presented with those what appears to be file names of current directory, all of them, the 2 and 3 are present at both ends but the asterisk * got replaced/expanded into those file names

This one of the wildcard characters that we can use for expansion. The following list contain some more: 

1. * asterisk: 
    - it matches 0 or more characters
    - ex: *.txt matches file.txt and 0.txt and .txt
2. ? question mark: 
    - matches any one character
    - ex: blue?.txt matches blue1.txt and bluez.txt but doenst match blue12.txt
3. [] square brackets or range wilcards:
    - they match a range of characters inside them
    - ex: [rbc]at matches rat, bat or cat
    - ex: [a-h]* matches any name that starts with a to h (case sensitivity matters so only small letters a to h) 
    - ex: [0-9]* matches any name that starts with a number

## Arithmetic expansion

```
nuclearegg69@zenbook-f13:~$ echo $((5+5))
10

```

syntax: `$((arithmetic_expression))`

## Command substitution 

```
nuclearegg69@zenbook-f13:~/testRen$ echo today is $(date)
today is Thu Oct 12 11:50:06 +03 2023
```

syntax: `$(command)`

## Changing-behavior Quotes

```
nuclearegg69@zenbook-f13:~/testRen$ a=5
nuclearegg69@zenbook-f13:~/testRen$ echo $a
5
nuclearegg69@zenbook-f13:~/testRen$ echo "$a"
5
nuclearegg69@zenbook-f13:~/testRen$ echo "\$a"
$a
nuclearegg69@zenbook-f13:~/testRen$ echo '$a'
$a
nuclearegg69@zenbook-f13:~/testRen$ echo "$((a+4))"
9
nuclearegg69@zenbook-f13:~/testRen$ echo '$((a+4))'
$((a+4))
nuclearegg69@zenbook-f13:~/testRen$ echo 1..9
1..9
nuclearegg69@zenbook-f13:~/testRen$ echo {1..9}
1 2 3 4 5 6 7 8 9
nuclearegg69@zenbook-f13:~/testRen$ echo "{1..9}"
{1..9}
nuclearegg69@zenbook-f13:~/testRen$ echo ~
/home/nuclearegg69
nuclearegg69@zenbook-f13:~/testRen$ echo "~"
~
nuclearegg69@zenbook-f13:~/testRen$ echo '~'
~
nuclearegg69@zenbook-f13:~/testRen$ echo *
a apple b banana c cactus inNano2Ren test2
nuclearegg69@zenbook-f13:~/testRen$ echo '*'
*
nuclearegg69@zenbook-f13:~/testRen$ echo "*"
*
nuclearegg69@zenbook-f13:~/testRen$ echo "`ls`"
a
apple
b
banana
c
cactus
inNano2Ren
test2
nuclearegg69@zenbook-f13:~/testRen$ echo '`ls`'
`ls`
```
Based on the above commands, we can deduce that:

1- double quotes: they disable all substitutions except those that involve a $ (dollar sign), \ (backslash), ` (backtick)

2- single quotes: disable all substitutions.
Hacktoberfest - Simple to complex
Tags: webdev, programming, hacktoberfest, hacktoberfest23
Published: 2023-10-12 10:14:18

I have been contributing to the hacktoberfest from last 4-5 years I guess. There is a great amount of developers and maintainers that contribute to this event. People contribute from the simple documentation change, commenting code to the complex logics and algorithms.

This post is related to the fact that whatever contribution you make, it is never a small one. Even a comment or documentation change impacts the project on a great level. Contribution is contribution.

Make sure to contribute in this hacktoberfest while you can. Happy contributing
Book Club: Eloquent JavaScript. 2 Discussion Qs
Tags: discuss, books, algorithms, bookclub
Published: 2023-10-12 10:13:30

---
title: Book Club: Eloquent JavaScript. 2 Discussion Qs
published: true
description: Book Club discussion for Eloquent JavaScript by Marijn Haverbeke
tags: [discuss, books, algorithms, bookclub]
series: book club Eloquent JavaScript
---

I'll answer these questions when I've finished the book, but feel free to answer these here or to use them for your own book club.

## **Eloquent JavaScript** A Modern Introduction to Programming, by Marijn Haverbeke

## Discussion Questions

0. Do you have a favourite project from the book? If so, why? What did you like about it?

0. The book uses examples in a sandbox in the browser. Did you use the sandbox? If so, how did it help your understanding? If not, did you follow the examples another way?

0. Did you have an opinion about JavaScript before reading this book? Did the book make you think differently about the language?

0. Were any of the chapters or topics frustrating for you? Is there anything you still don't understand?

0. One of the book's aims is to explain how to organize and clarify your code. How has your coding style improved from reading this book? Did you learn anything new about how to write code?

0. Had you written a programming language before? If not, did this exercise help you see how other programming languages might work?

0. Is there anything you'll learn more about after reading this book?

0. Would you recommend this book? Who would enjoy reading it?
Proud posting with my portfolio
Published: 2023-10-12 10:08:05

👋 Hello everyone!

 I'm thrilled to be a part of this amazing professional network, and I can't wait to connect with fellow professionals in the field.

As a frontend developer and designer, I'm passionate about creating engaging and user-friendly digital experiences. To kick things off, I'd like to share a glimpse of my portfolio with all of you. 🎨💻

🌟 **https://cryptosmiler.vercel.app/**

In my portfolio, you'll find a collection of my projects and works, showcasing my skills in frontend development and design. I've poured my heart and soul into these projects, and I'm proud of what I've accomplished so far.

I believe in the power of collaboration and networking, and I'm eager to connect with professionals who share my passion. Whether you're looking for a talented developer, want to discuss web design trends, or just want to chat about the latest in the tech world, feel free to connect with me.

Let's connect, collaborate, and create something amazing together! 🤝

#FrontendDevelopment #WebsiteDevelopment #WebDesign #Portfolio #Networking