teleren/devto huggingface dataset:
Expected `onClick` listener to be a function, instead got a value of `string` type
Tags: javascript, react, webdev, beginners
Published: 2024-02-17 14:33:56

In React.js, the onClick event handler is commonly used to handle user interactions such as button clicks. However, a common mistake developers make is assigning a string value to the onClick event handler instead of a function. This results in the “Expected onClick listener to be a function, instead got a value of string type” error.

You can read the full article [here](https://reactjsguru.com/expected-onclick-listener-to-be-a-function-instead-got-a-value-of-string-type/)
🚀👩‍💻👨‍💻 ATTENTION SOFTWARE DEVELOPERS! 🚀👩‍💻👨‍💻
Tags: softwaredevelopment, softwareengineering, codenewbie, code
Published: 2024-02-17 14:33:26

🚀👩‍💻👨‍💻 **ATTENTION SOFTWARE DEVELOPERS!** 🚀👩‍💻👨‍💻

🔥 Are you ready to take your coding skills to the next level? Here are some **INSANELY EFFECTIVE** best practices that will make you a coding **ROCKSTAR**! 🔥

1️⃣ **CODE LIKE A NINJA:** Keep your code clean, concise, and DRY (Don't Repeat Yourself). Your code should be elegant so that other developer's don't have to put much efforts to understand that!

2️⃣ **VERSION CONTROL IS YOUR BFF:** Embrace tools like Git to manage your code versions like a pro. Branch, commit, merge - and never lose track of your changes again!

3️⃣ **TESTING, TESTING, 1-2-3:** Don't just code and pray it works. Write tests like your life depends on it! Testing ( manual or unit tests) ensures your code behaves as expected and catches bugs BEFORE **tester's would find out** or **they become monsters**.

4️⃣ **DOCUMENT LIKE A BOSS:** Your code should tell a story - make sure it's a bestseller! Document your functions, APIs, and workflows like a pro novelist. Future you (and your teammates) will thank you later.

5️⃣ **KEEP LEARNING, ALWAYS:** The tech world moves at warp speed. Stay curious, keep learning new languages, frameworks, and tools. Adaptability is the key to survival in this jungle of code!

6️⃣ **PEER REVIEWS FTW:** Two heads are better than one! Embrace code reviews and constructive feedback. It's not about ego, it's about delivering the best possible product.

7️⃣ **OPTIMIZE FOR PERFORMANCE:** Speed matters! Write efficient algorithms, optimize database queries, and minimize resource usage. Your users will love you for it!

8️⃣ **SECURITY IS NON-NEGOTIABLE:** Don't leave your code's front door wide open! Learn about common security vulnerabilities and best practices. Keep your users' data safe and sound.

9️⃣ **NEVER STOP DEBUGGING**: Bugs are the bane of every developer's existence. Embrace the art of debugging like a detective. Hunt them down, squash them mercilessly, and emerge victorious!

🔟 **HAVE FUN & STAY HUMBLE:** Remember, coding is not just a job, it's a passion! Enjoy the journey, celebrate your victories, and learn from your failures. And above all, stay humble - there's always more to learn!

💥💻 Ready to unleash your coding superpowers? Follow these best practices, and watch your career skyrocket! 💥💻

TAG your coding squad and spread the wisdom! 🚀🌟
How we Built a 20 Billion Dollar Company in 20 minutes
Tags: ai, productivity, lowcode
Published: 2024-02-17 14:19:25

I did some research around [SupaBase](https://supabase.com/) today for a [Medium article I wrote](https://medium.com/@thomas_78526/open-source-as-a-vc-scam-15234222d6ee), and I realised that using the same math on AINIRO.IO implies we're worth 20 billion dollars.

**Warning** - This is not going to make any sense for anyone reading this, including me, so I won't try to make any sense of it - I'll let the reader interpret it in whatever way the reader wants to interpret it. However, when you're building an open source platform, such as our [Magic Clouc](https://github.com/polterguy/magic), the first thing investors will ask you about is how many users you have.

## Users are your value

Typically, a VC firm will count number of likes on your GitHub profile, and extrapolate some value from that number - Not realising that a much better way to count users is to use download count of your platform, particularly in binary form, since almost nobody seriously using a platform is interested in its code, unless it's scattered with bugs they have to fix for you.

As I counted downloads of SupaBase and compared towards our own Magic Cloud, here is what I found.

* SupaBase has 500,000 downloads
* Magic has 10,000,000 downloads

This implies we've got roughly 20x as many users as SupaBase, even though they have 67x as many likes on their GitHub repository. I've created some _"theories"_ about why this is in my original Medium article, so I won't repeat my theories here - But you can find a link to the article further up in this article. However, the only natural conclusion becomes ...

> We're 20 times more valuable than SupaBase

SupaBase of course is evaluated at roughly 1 billion dollars, implying we're worth 20 billion dollars.

When I started writing this article, I named it _"How we built a 20 billion dollar company in 10 months"_ - However, I realised I could do better. Since our company was worth (at most) 1 million dollars yesterday, and (apparently) is worth 20 billion dollars today, I changed the title of the article to _"in 20 minutes"_, since that was the amount of time I spent writing this article.

> I made 20 billion dollars the last 20 minutes, how much did you earn? 😂

Psst, if you're interested in investing in AINIRO.IO, forget about it, we're not interested. Go find something else to spend your money on - Because contrary to most in our vertical, we're more interested in building value than creating refined VC scams. And to be honest with you, 100% of my experiences with VC is living proof of that VC in its entirety is a scam.

If you're looking for kick ass AI solutions though, you can contact our little 20 billion dollar company below. A 20 billion dollar company with 4 employees may I add ... 😉

* [Contact us](https://ainiro.io/contact-us)
Texas Insulation Solution
Published: 2024-02-17 13:33:50

Our professional insulation consulting and care services ensure expert guidance and top-notch solutions for your insulation needs. Whether it’s energy efficiency, temperature control, or soundproofing, we offer tailored advice and meticulous care to optimize insulation performance in your residential or commercial space.
[Professional Attic Insulation Houston](https://texasinsulationsolution.com/blown-in-attic-insulation/)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t04acczfy1f9kikhqxzl.png)
A 16-Year-Old Will Create His Own AI Which Will Be At The Level Of OpenAI and Midjourney Ai - enhanceai.art
Tags: openai, midjourney, python, ai
Published: 2024-02-17 14:15:54


Introduction - The world of artificial intelligence is evolving rapidly, with new advancements being made every day
  + One such exciting development comes from a 16-year-old prodigy in India
  + This young innovator is set to create his own AI that will rival industry giants like OpenAI and Midjourney Ai
- It is truly remarkable to see young minds pushing the boundaries of technology and making groundbreaking strides in the field of AI.

The Rising Star - This teenager from India is a shining example of the potential of the youth in the country
  + His passion and drive to create something revolutionary have caught the attention of the tech world
  + With his dedication and talent, he is set to revolutionize the AI landscape.

The Project - The AI project being developed by this young genius promises to be at par with established players in the industry
  + The level of sophistication and innovation that this AI will possess is truly impressive
  + It is a testament to the potential and talent present in the younger generation.

Conclusion - As we witness the rise of this 16-year-old prodigy and his groundbreaking AI project, we are reminded of the bright future that lies ahead in the world of technology
  + With such young talent at the helm, the possibilities are endless
  + It is a testament to the power of innovation and the potential of young minds to shape the future of technology.
Creating Clickable SVG maps in HTML with JS
Tags: webdev, html, javascript, jquery
Published: 2024-02-17 14:01:10

I was stuck with a requirement to embed an interactive map in website until I discovered the Jquery Mapael Library. with help of it, you can create superb interactive maps in html & js. Unfortunately, I couldn't find an organized documentation of the same. That's why I created a blog post on it.
Here it is -{% embed https://itgiggs.in/clickable-maps-html/ %}
Video Tutorial also {% embed https://www.youtube.com/watch?v=nd9COfMLsww %}
A minor beginning for your awesome text editor
Tags: productivity, vim, webdev, beginners
Published: 2024-02-17 13:23:19

NVim seems to take up more time to set up. Including:

- Linting, formatting, and auto-completing for specific miscellaneous types of languages
- Visualize the tree structure of files and directories
- And many other instrumental helpful plugins to craft a robust text editor

But the good news is I stored all the configuration right here: [github-vim-setup](https://github.com/minhhieu1612/vim-setup)
Online Betting Id Whatsapp Now
Tags: webdev, tutorial
Published: 2024-02-17 13:22:39

•	Updating account information and preferences
Section 4: Tips for Safe and Responsible Betting
•	Understanding the risks associated with online betting
•	Setting realistic goals and budgets
•	Avoiding chasing losses and gambling addiction
•	Utilizing self-exclusion tools and support resources
•	Recognizing signs of problem gambling and seeking help when needed
Section 5: Frequently Asked Questions (FAQs)
•	Can I have multiple betting IDs?
•	What should I do if I forget my login credentials?
•	Are online betting IDs secure?
•	How can I ensure fair play and integrity in online betting?
•	What are the legal implications of online betting in my country?
Conclusion: Your [Online Betting Id](
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iuop6273l7jxd7syesuz.png)

) serves as your gateway to the exciting world of online wagering, but it also comes with responsibilities. By following the guidelines outlined in this guide and practicing safe and responsible betting habits, you can enhance your online betting experience while minimizing risks. Remember to bet wisely and enjoy the thrill responsibly.
Streaming made simple
Tags: streaming, meetups, mumbai, obs
Published: 2024-02-17 13:05:40

Hi there,

It's been a while(I don't know why this has started as an email). I've been busy with just life in general, but I'd like to resurrect this blog by adding a post about my streaming setup for meetups.

In February 2024, I had my first hardware meetup.

![Hardware Meetup](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xcrz8yww8lm828722n39.png)
We have a small community on [Telegram](https://t.me/hardwaremum).

Side quests aside, this post is about my streaming setup.

### The setup!
- Android Phone
- Linux Laptop/Windows(Hopefully Mac does too)
- IP webcam
- ADB installed.
- OBS for streaming.
- Stream destination(Youtube/Peertube/Twitch)
- Tripod
- Audio, either use a mic or just the sounds from the environment.

I like keeping things simple, yes this doesn't auto-track your speaker walking but that's okay!

This is how it all looks when it's setup.

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

The way I've setup this is from a reddit post that said that if you have adb installed you can do something like this once you have IP webcam on.

```
adb forward tcp:8081 tcp:8080
```
This eliminates the need for having your mobile connected to any network.

## But how does this work?
It's dead simple, first we start the IP webcam, then we do a adb port-forward. This sets up the android phone.

Next, we do a very simple thing, in OBS we can add this as a media source, give the IP `http://localhost:8081/video`

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

Once we have the media source, the next thing is to add the slides.

This part is challenging, if your speaker has a way to connect directly with you via things like Zoom, Google Meet, this is the simplest way to do things.


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

In the end you have a simple setup that can help you get started streaming.

This setup is also handy if you have a bad webcam or your laptop webcam doesn't look good, most android phones are capable of better image quality.

While this setup is a bit janky it does the job.

Until next time!

Connect with me on [Twitter](https://twitter.com/mediocreDevops), [Linkedin](https://linkedin.com/in/leon-nunes)
Next.js Server-Side vs. Client-Side Components
Published: 2024-02-17 13:02:41

In Next.js it is very confusing topic for the beginner or intermediate level coders to understand the difference between server and client components. While it is true that official docs provide a clear distinction between them but it is not enough to grasp the topic efficiently. So, this article is for every coders who have been through this concept.

At first, we have to understand that what is Nextjs? Next.js is a web framework built on top of React.js library. And, React.js library is a library built on top of the JavaScript scripting language. While the core React.js library is primarily intended to create Single Page Application (SPA); means the whole codebase will be rendered to your browser or client side and then React DOM will take control of the entire application, and as a result you can’t find any page loading and it will be feeling like a native application. But, it has a small but effective problem which is hydration! Oops! What is hydration? Al right in web framework term hydration is referred to the process of mixing JavaScript with the actual website code while rendering to the browser.

Scrawlers only can read web pages which are Server Side, means while the page will load it will have all the necessary MetaData as well as JavaScript without AJAX behavior. In other word only Hydrated/SSR web pages can read Scrawlers.

In Single Page Application (SPA) hydration takes a bit time to process, so SEO scrawlers while try to access the SPA site for the better indexing it doesn’t find any metadata for the app so it never get indexed by scrawlers. So, coders around the world demand for a framework that will be a React.js app but as well as can be SSR or crawlers readable at the same time. For removing this problem Next.js emerged and evolving!
What are you learning about this weekend? 🧠
Tags: learning, beginners, discuss
Published: 2024-02-17 13:00:00

Heyo!

What y'all been learning on this weekend?

Whether you're sharpening your [JS](https://dev.to/t/javascript) skills, making PRs to [your OSS repo of choice](https://github.com/forem/forem) 😉, sprucing up your portfolio, or [writing a new post](https://dev.to/new) here on DEV, we'd like to hear about it.

Have a great learning session and remember to reward yourself. Enjoy your weekend! 😀

![A cartoon of a brain with a bunch of lightning bolts coming out the bottom of it](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lppakivpakmc7jg79r68.gif)
Net88 - Link Trang Chủ Nhận Code 188k
Published: 2024-02-17 12:42:34

Net88 noi tieng la mot trong nhung diem den yeu thich hang dau, thu hut su quan tam va niem dam me tu cong dong nguoi choi rong lon. Day la moi truong ly tuong cho cac hoat dong ca cuoc truc tuyen.
Dia Chi: 32 Tran Huu Trang, Phuong 11, Phu Nhuan, Thanh pho Ho Chi Minh, Viet Nam
Email: net88ink@gmail.com
Website: https://net88.ink/
Dien Thoai: (+63) 9622105989
#net88 #net88ink #net88club #nhacainet88
Social Links:

https://net88.ink/
https://net88.ink/dang-ky-net88/
https://net88.ink/nap-tien-net88/
https://net88.ink/rut-tien-net88/A
https://net88.ink/tai-app-net88/
https://net88.ink/ceo-le-thao/
https://www.facebook.com/net88ink/
https://twitter.com/net88ink
https://www.youtube.com/channel/UCGe_n7-wQidPIQDCcjDk67Q
https://scholar.google.com/citations?hl=vi&user=mv9N_KEAAAAJ
https://www.pinterest.com/net88ink/
https://500px.com/p/net88ink
https://social.msdn.microsoft.com/Profile/net88ink
https://social.technet.microsoft.com/Profile/net88ink
https://www.skillshare.com/en/user/net88ink
https://soundcloud.com/net88ink
https://draft.blogger.com/profile/10704304862424408007
https://twitback.com/net88ink
https://favinks.com/profile/net88ink
https://draft.blogger.com/profile/10704304862424408007
https://net88ink.blogspot.com/
https://www.reddit.com/user/net88ink
https://gravatar.com/net88ink
https://medium.com/@net88ink/about
https://www.flickr.com/people/net88ink/
https://www.tumblr.com/net88ink
https://net88ink.wixsite.com/net88ink
https://net88ink.weebly.com/
https://wellfound.com/u/net88-ink
https://www.goodreads.com/user/show/173183739-net88ink
https://vimeo.com/net88ink
https://www.liveinternet.ru/users/net88ink/profile
https://sites.google.com/view/net88ink/trang-ch%E1%BB%A7
https://linktr.ee/net88ink
https://www.twitch.tv/net88ink/about
http://tinyurl.com/net88ink
https://ok.ru/net88ink/statuses/155790563238852
https://profile.hatena.ne.jp/net88ink/profile
https://issuu.com/net88ink
https://dribbble.com/net88ink/about
https://www.behance.net/net88ink
https://flipboard.com/@net88ink
https://www.kickstarter.com/profile/net88ink/about
https://leetcode.com/net88ink/
https://net88ink.thinkific.com/courses/your-first-course
https://about.me/net88ink
https://tawk.to/net88ink
https://ko-fi.com/net88ink
https://www.provenexpert.com/net88ink/
https://hub.docker.com/r/net88ink/net88ink
https://independent.academia.edu/net88ink
https://groups.google.com/g/net88ink
https://github.com/net88ink
https://biztime.com.vn/net88ink
https://vozforum.org/members/net88ink.295880/
https://net88ink.webflow.io/
I made a adorable vscode extension!
Tags: webdev, vscode, javascript, extensions
Published: 2024-02-17 12:34:22

Hello!
I introduce you vscode extension I made.
There aren't any technical features on this extension. but it's just adorable.
Instead of typing code in a boring way, you can see my cute Junbae, caique on typing your code.
## How to use
- Download the Junbae Mode extension in [vscode: Junbae Mode](https://marketplace.visualstudio.com/items?itemName=JunbaeJs.junbae-mode)
- Typing 

If you're curious about the open-source code or want to contribute, please check it out on [GitHub](https://github.com/JunbaeJs/junbae-mode)!
Thank you


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pn4u4k1ptk56belaji36.gif)
Profiling Perl under Apache
Tags: perl, apache, profiling
Published: 2023-06-16 16:36:58

At [SpareRoom](https://www.spareroom.com) we still use Apache/mod_perl and, despite [Devel::NYTProf::Apache] (https://metacpan.org/pod/Devel::NYTProf::Apache)'s warnings about it not being maintained, it is still the best way for profiling Perl.

All you need to do really, for a mod_perl app, is to include this in your Apache config:

```bash
PerlPassEnv NYTPROF # Not needed for default settings.
PerlModule Devel::NYTProf::Apache
```

You should also allow a single worker/child, and make sure it terminates cleanly before processing the output (`nytprofhtml`).

Since I want my dev/test environments to normally run with multiple workers and no profiler attached, I have a bash alias that exits apache and restarts it set-up for profiling. I thought I'd share an example of that, as I find it very useful.

First, a basic example pulled from what I used on our older CentOS/RedHat VM:

```bash
profile_apache() {
  systemctl stop httpd.service
  grep -q -F 'PerlModule Devel::NYTProf::Apache' /etc/httpd/conf/httpd.conf \
    || echo 'PerlModule Devel::NYTProf::Apache' >> /etc/httpd/conf/httpd.conf
  sed -i 's/^#PerlModule Devel/PerlModule Devel/g' /etc/httpd/conf/httpd.conf
  echo "Starting apache to collect profile data. Ctrl+c once to end."
  httpd -X
  echo "Restarting apache and creating html report."
  sed -i 's/^PerlModule Devel/#PerlModule Devel/g' /etc/httpd/conf/httpd.conf
  systemctl start httpd.service &
  nytprofhtml
  echo "Profile report in nytprof/index.html"
}
```

It's mostly self-explanatory, the `profile_apache` command will shut down apache, add the `PerlModule` directive to the config if it's not there (or uncomment it) and launch an attached single worker instance of apache. It will wait until you send a SIGINT (e.g. press ctrl+C) before restoring/relaunching apache to the original configuration and producing the profiler report.

Now, if you have Debian/Ubuntu, you'd have to modify a bit. And if you are running on docker and `sed -i` gives you `Device or resource busy` errors (for trying to change mounted file inode from within container), you can use a method that copies instead of modifying in-place, such as `sed -ci`.

The alias becomes:

```bash
profile_apache() {
  apache2ctl stop && sleep 1
  grep -q -F 'PerlModule Devel::NYTProf::Apache' /etc/apache2/mods-available/perl.conf \
    || echo -e "\nPerlModule Devel::NYTProf::Apache" >> /etc/apache2/mods-available/perl.conf
  sed -ci 's/^#PerlModule Devel/PerlModule Devel/g' /etc/apache2/mods-available/perl.conf
  source /etc/apache2/envvars
  echo "Starting apache to collect profile data. Ctrl+c once to end."
  apache2 -X
  echo "Restarting apache and creating html report."
  sed -ci 's/^PerlModule Devel/#PerlModule Devel/g' /etc/apache2/mods-available/perl.conf
  apache2ctl start &
  nytprofhtml
  echo "Profile report in nytprof/index.html"
}
```

This is the basic idea, although my alias does some extra things like putting the report in an apache-mounted directory and providing a browser link, removing the `PerlRequire` that preloads our .pm modules (it clashes with NYTProf) etc.