teleren/devto huggingface dataset:
Day 479 : Make It Better
Tags: hiphop, code, coding, lifelongdev
Published: 2021-10-25 21:52:03

_liner notes_:
- Saturday : Woke up a little early to finish putting together the radio show. When that was done, I worked on my side project. I ran into some issues and was trying to fix them, but it kept seeming like everything I did would make it worse and not make it better. haha Played around with the code until it was time to do the radio show. At least the show went well. haha The recording of this week's show is at https://kNOwBETTERHIPHOP.com

![Radio show episode image of a photo of Joe Manchin on his yacht looking down and lying to activists in kayaks with the words Oct 23rd 2021 Lava Watching](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jud43kma7du8m4mhs7ut.jpg)

- Sunday : Did the https://untilit.works study group sessions and looks like I figured out the issues with my side project. It works, but there are some minor annoyances, but at least it's working! Feeling good, I ended the night watching the final episode of "Squid Game" season 1. Looking forward to seeing another season.

- Professional : Today we had our offsite team meeting thing. Normally, everyone would go to a city somewhere in the world for a week and plan out things to come. The two meeting previous to me joining were in Amsterdam and Athens, so imagine my surprise that my first offsite would be in Miami! A city I grew up in and was like 3 hours from where I live by car. Had a great time though. Then of course the pandemic hit and basically everything became virtual. Hoping that in the new year, we can start them back up. Before and after today's meeting, I created some PRs, helped out with some community questions and worked on a demo application. Pretty productive. I want to get as much as I can get done, because I'm taking like 2 weeks off.

- Personal : I'm pretty hyped that the main functionality of my side project is working. I basically had to set up a cron job to run every hour and send a notification to my application. Had it running all day and it seems to be working with no issue. Got like 2 more parts to the application and then I'll work on making it look nice.

![Photo of a hilly town in Campagna, Italy with some houses on really green land](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nfzg9q8upy3xm3ckj2lt.jpg)

Whew, I'm tired. Going to eat dinner. I've been slacking on my anime watching. I ant to see if I can get another piece of functionality working or at least start tonight. I may try and fix one of those annoyances that popped up with the fix. We'll see.

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube 7Jj83FOlBF8 %}
Azure SQL Awesome List
Tags: database, cloud, beginners, codenewbie
Published: 2021-10-25 21:33:29

It's been a while now I've been collecting links to resources I found useful for a developer working with Azure SQL, and today I realized that the list I've created become quite big and nice over the last months.

I so decided to turn it into an official Awesome List, which, by GitHub definition is 

> An awesome list is a list of awesome things curated by the community. There are awesome lists about everything from CLI applications to fantasy books. 

Here you go:

{% github yorek/awesome-azure-sql no-readme %}

as of now it contains a list of more than 50 curated links. I'll keep the list updated, and I really count on community's help here. If you have something you think it is worth and valuable to add to the list, please just submit a PR.

The list is focused on Azure SQL and developers, and contains links to resources for every language, platform, tool and needs.

Hope this is helpful to you as it has been to me!

---

Photo by [Artem Beliaikin](https://www.pexels.com/@belart84?utm_content=attributionCopyText&utm_medium=referral&utm_source=pexels) from [Pexels](https://www.pexels.com/photo/come-in-we-re-awesome-sign-1051747/?utm_content=attributionCopyText&utm_medium=referral&utm_source=pexels)
What is coming in the pending React 18 update?
Tags: react, javascript, react18
Published: 2021-10-25 21:21:12

I was curious what the contents of React 18 were likely to be, so I read a few suggested articles, and here is another plain language breakdown to try to help clarify.

React 18:
 - Not much new official information since June
 - As a reaction to feedback to React 16 concurrency plans, a more turnkey update with individual concurrency architectural improvements instead of concurrency "mode"
 - Change of the root API in App.tsx  to allow piecemeal upgrades of react versions
 - Performance: batching of state updates
 - Performance: Optimizations to speed for Server Side Rendering
 - <Suspense /> usage API mostly stays the same
 - <SuspenseList /> ordering in sequence so things show up in sequence after lazy loading
 - <StrictMode /> (mostly better useEffect debugging, maybe comes for free with react dev server)
 - Likely low-difficulty to upgrade from React 17 to React 18 again.
First Hacktoberfest and Lessons Learned
Tags: hacktoberfest
Published: 2021-10-25 21:00:13

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


### Background

I'm brand spanking new to open source. Before hacktoberfest open source projects were a scary unknown and to a certain extent they still are to me. Thanks to Virtual Coffee and Digital Ocean I was able to make my first two pull requests on GitHub and participate in my first hacktober. 


### Reflections
I only made two qualifying pull requests for this hacktoberfest but I'm incredibly happy with that. I started off really wanting to get the t-shirt for being 1 of 50,000 completing the required 4 accepted requests. Because of this, I rushed into it trying my hardest to find things I could do quickly. A lot of the easier requests that I could handle were taken and a couple that I tried were not really contributing to anything other than padding your completed count.

It took a few weeks but I came to terms with the fact that I was participating with the wrong intentions. There's nothing wrong with wanting the shirt but the main goal is to spread more awareness to open source and the many projects you can make contributions to. Being to make a difference by contributing to open source projects and learning are more important to me than trying to validate myself as a real developer by getting a shirt.

I didn't get the shirt and I didn't get 4 pull requests, but I did make my first pull requests on GitHub and I've gotten more familiar with GitHub and the many open source projects out there that I hope to contribute to one day.
First Time Participating in Hacktoberfest
Tags: hacktoberfest, css, opensource, telescope
Published: 2021-10-25 20:58:36

## First Hacktoberfest Experience😌

A couple weeks ago, I participated in the #hacktoberfest challenge and had my first [PR](https://github.com/Seneca-CDOT/telescope/pull/2356) merged.

Throughout the last months while I was working as a Software Developer Intern and on my [my ssg repo](https://github.com/dbelokon/glazed-donut), I was hardly ever touching front end. I missed working on front-end a lot, so as my first PR for the #hacktoberfest challenge, I decided to  take on a small [issue](https://github.com/Seneca-CDOT/telescope/issues/2347) related to front end.

The repo I was working on was [Telescope](https://github.com/Seneca-CDOT/telescope), which is a web application that collects all the blogs related to open source development in Seneca college.

When I read the issue, I thought that it would be a great first issue related to frontend and probably very easy to resolve. I also like creating small features for the frontend, so I thought  "why not?"

However, since it was my first time contributing to Telescope, it took me some time to figure out what was happening in the code base. Getting to know the repo and getting PR approved by both reviewers took longer than writing implementation itself. I had to look for the files and instructions how to run Telescope when contributing for the frontend part.

The [issue](https://github.com/Seneca-CDOT/telescope/issues/2347) was about creating a small icon besides the version number on the web app, that when clicked is going to redirect you to a page with all the Production API Statuses. I was also asked to update the README file somehow so that it also redirects to production and development API status pages.

## Never Underestimate Small Issues🙅‍♀️

I learned was that even if an issue seems small and something that you can handle, it doesn't mean you will not learn a lot out of it. During the process, I learned about a [handy open source repo](https://github.com/MichaelCurrin/badge-generator) that helps to generate badges to make  README files look prettier. And a [cool tool](https://react-icons.github.io/react-icons/search?q=info) that has all the emojis you need for your frontend.

The most important thing I learned about open source was definitely communication. Without communication, you wouldn't be able to clarify what the owners of the repo expect once the issue is resolved. I also learned that while the issue may seem not complicated, the reviewers may keep asking to make changes to your PR, and it may take a while for it to get approved and for you to finally understand what was being asked. 

Overall, I really enjoyed contributing to Telescope and can't wait to contribute more very soon!😁
100 algos in 100 days (Day 37)
Published: 2021-10-25 20:42:44

Today I did some basic recursion practice. 

For the first time, I am quite enjoying using recursion as I am not as 😱 of timing out. Also, it is quite cool to be able to use computing power to just do things like that.

The examples were based off fibonacci which really is a 101 of recursion problems.
Little introduction
Tags: webdev, beginners, programming, story
Published: 2021-10-25 20:41:13

## My name is Antoine

Hi bonjour 👋
I'm Antoine, a french junior developer. I'm 23 years old and I hoped on the developer train this year in 2021. I'm currently working as a web developer in a french company that creates solutions for managing temporary worker (I'm also studying at the same time -It's a french study system called *alternance*-).
<br/>A little bit about me... I studied literature and arts in high-school. After graduation I studied cinema as a major but felt it was more a passion than a place I wanted to live for. So after drifting by 2 years of philosophy in university, I decided to take on the journey of becoming a developer. What motivated me was that I've always lived in this field (both my parents are developers) and I also always had an interest and curiosity for solving problems, creating my own solutions.

## The point of my dev</span>.to profile

I decided recently to write down my journey for me to remember and be able to see where I'm coming from. I also figured that it could be interesting to some people, as an inspiration or just for the pleasure to read like a story.
<br/>To save you the trouble of my really early beginnings (discovering programming through python) I will start telling my story from when I started looking for a job as someone without any experience and then quickly follow up with my first days at the company. Then the posts will logically follow the course of time I'm living.
<br/>Lastly, I want to mention that in future posts, there might be some code and also mistakes in it. Even if correction is welcome (please it is), I consider it as a part of my journey I'll be telling. I hope I won't make your eyes bleed too much 😶

## Where you can reach me

Obviously you can reach me directly here on my [dev.to](https://dev.to/tomatowizard), either by commenting or by DMs. But you can also find me on:

[GitHub - lbAntoine](https://github.com/lbAntoine)
[LinkedIn - Antoine Le Bras](https://www.linkedin.com/in/antoine-le-bras/)
<br/>I hope some of you can find this journey interesting and worth the follow~ thank you for reading me and see you next post 😉
Dale! Concluí minhas quatro contribuções no Hacktoberfest 2K21 :)
Tags: hacktoberfest, braziliandevs, webdev, javascript
Published: 2021-10-25 20:11:31

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rcjk01vrdtffqhkzovpk.png)
Quick post: Modeling a video player with xstate
Tags: xstate, react, svelte
Published: 2021-10-25 20:07:45

This is quick post to showcase part of the work for a bigger article.

I've been diving into xstate and I'm really exciting for what can be done in simple way with xstate and state charts.

So, this are the demos of building a simple video player with xstate.

So, first. What we will build?.

A simple video player that can play, pause, stop and reset a video from a url as source.

To get an idea of how this looks, check this codesandbox with the pure React version of the player


{% codesandbox react-usereducer-video-player-forked-lu8xh %}

This demo code is using `useReducer` to model and handle the states and the events.

Now, let's introduce xstate. 
xState way of thinking is a bit different from React's `useReducer` hook, it force you to think in every possible state of your UI/component and in the transitions.
One thing you get from free with this approach, is that is really easy, even just happen, to model restrictions: Can this state trigger some event?

Check the machine configuration that we will use by visiting the awesome visualizator from stately. 

https://stately.ai/viz/b57eba4b-e10e-4210-9cf0-1d8ef58cf3a1

Now, since this is a short post I will leave you with a set of codesandboxes with examples in different frameworks about the implementation of the same video player but using the state machine posted here.

## React version

{% codesandbox react-xstate-video-player-eor2i %}

## Svelte version

{% codesandbox svelte-xstate-video-player-n05hf %}

## Vue version

{% codesandbox vue-xstate-video-player-m8omg %}



### What would you like to know about xstate and state charts/machines?
How to Clear Cache In Laravel 8
Tags: laravel, beginners, php, tutorial
Published: 2021-10-25 20:06:24

In this tutorial, We are going to learn how to clear route cache, laravel application cache, config cache, view cache and reoptimize class in a Laravel 8 application.

In Laravel, while developing a laravel application it is very often that changes we made are not reflected. This is usually happening because of the laravel cache. Laravel provides various caching systems for developing fast-loading laravel applications.

We will also learn how to remove cache in laravel with artisan command.

##1. Laravel Cache Clear using Commands Line

1. Laravel Clear Route Cache
2. Laravel Clear App Cache
3. Laravel Clear Config Cache
4. Laravel Clear View Cache
5. Laravel Clear Cache using Reoptimized Class

###Clear Route Cache
Use the below command and clear your routes cache:
```
php artisan route:cache
```
###Clear Application Cache
Use the below command and clear your application cache like session cache, cookies cache:
```
php artisan cache:clear
```
###Clear Config Cache
Use the below command and clear your config cache:
```
php artisan config:clear
```
###Clear View Cache
Use the below command and clear your view (blade) cache:
```
php artisan view:clear
```
###Clear Cache using Reoptimized Class
```
php artisan optimize:clear
```
##2. Laravel Cache Clear using Artisan Command
In shared hosting servers typically we don’t have SSH access to the server. In that case, to clear Laravel cache we have to define routes in our application’s routes/web.php file that invoke the various Laravel clear cache commands. This way we can clear the Laravel cache by accessing specific routes in the browser.
```
//Clear route cache
 Route::get('/route-cache', function() {
     \Artisan::call('route:cache');
     return 'Routes cache cleared';
 });

 //Clear config cache
 Route::get('/config-cache', function() {
     \Artisan::call('config:cache');
     return 'Config cache cleared';
 }); 

 // Clear application cache
 Route::get('/clear-cache', function() {
     \Artisan::call('cache:clear');
     return 'Application cache cleared';
 });

 // Clear view cache
 Route::get('/view-clear', function() {
     \Artisan::call('view:clear');
     return 'View cache cleared';
 });

 // Clear cache using reoptimized class
 Route::get('/optimize-clear', function() {
     \Artisan::call('optimize:clear');
     return 'View cache cleared';
 });
```
Thank you for reading this blog.
Day 40/100 Navigation
Tags: 100daysofcode, programming, codenewbie, challenge
Published: 2021-10-25 20:03:14

As far as I know I need to learn Javascript at least. Though I had previously learned the basics I felt I need more exercise to master it. Making variables isn't that complicated but implementing it would take a bit of thinking to do.

![navigation](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6k9cs51d5dj0240s9x78.png)
Win a Book at our Free Kubernetes AMA
Tags: beginners, kubernetes
Published: 2021-10-25 19:59:53

##Win a copy of Quick Start Kubernetes!

Got questions about Kubernetes? Nigel has answers! Join us for a free ask me anything (AMA) session with best-selling author and global Kubernetes trainer Nigel Poulton!

###Register Here
[October 27 at 12am PT/9am CET]
(https://www.crowdcast.io/e/ama-kubernetes-nigel-poulton-ams?utm_campaign=nigel-ams&utm_medium=devto&utm_source=post)

[October 28 at 9am PT]
(https://www.crowdcast.io/e/ama-kubernetes-nigel-poulton-emea?utm_campaign=nigel-emea&utm_source=devto&utm_medium=post) 

Tune in to one of two open-mic AMA sessions with Nigel for a chance to win a copy of his new book: Quick Start Kubernetes! The first 90 registrants will receive a copy. We'll also award books for the 10 most popular questions about Kubernetes in each session  -- so make sure to post your question early and join us live. (Must be present to win).

Nigel is a tech-oholic with a passion for demystifying exciting technologies. He's written several best-selling books and video training courses, and helps people take their first steps with Kubernetes. 

No matter where you are on your Kubernetes journey...Nigel can help!

We're presenting this event in two sessions - so pick the one that works best for you (or join both). We (the SUSE & Rancher Community) can't wait to see you at this exciting event.
What is pnpm and why should you use it?
Tags: discuss, node, javascript, tooling
Published: 2021-10-25 19:52:32

---
title: What is pnpm and why should you use it?
published: true
description: 
tags: [discussion, node, javascript, tooling]
cover_image: https://camo.githubusercontent.com/15249b13cd482f77ff1e9f74952f1a01892912af0c5cab22f73f26d595b2f0bf/68747470733a2f2f692e696d6775722e636f6d2f716c57316545472e706e67
---
Have you ever seen the memes on Reddit thread of Twitter
![web project and node_modules folder](https://pics.me.me/node-modules-69777663.png)
or this!
![modern web app with npm install](https://pics.me.me/a-modern-small-web-app-with-node-modules-installed-addtext-com-41803670.png)

you can find more on this [link](https://me.me/t/node-modules)

npm is package manager tool for JavaScript in almost every web development project especially front-end projects. 

But this tools comes with different problems I'm sure your facing now which are:
- the install process is kind of slow
- not very friend log message.
- large node_modules folder in every single project.

Facebook came up with an alternative tool yarn, it bit faster and have more friendly code log but have the same storage issue. I used to solve this issue by creating a main node_modules folder in my hard disk and use symlinks to all my folders, but it's kind of frustrating so I drop this solution not very long after.

recently I have read about a new tool that solves the three issues that we discussed above that tool is called pnpm. pnpm is tools that is very similar to npm, if familiar with how npm commands pnpm is just the same. when using npm or yarn if have 1000 project that means you will have 1000 dependencies folder in each project in your hard drive, pnpm will install all the dependencies in one universal folder that is linked to all of your 1000 project using sumlinks that is managed for you under the hood.

this approach solve all the issues that we discussed earlier if you have already installed a dependency it will use that one instead of downloading in from the start. this means less storage used and faster installing process how cool is that, it even have a very minimalist log message. 

the first day I used pnpm I felt over the top because it solves an issue I hated so mush and after couple of days using it I've had no issues using it so I felt that I need to share this tool with everyone that didn't hear about.

conclusion:
pnpm is yet another package manager tool that is responsible for installing Javascript dependencies it's just more faster and more convenient and has a minimalist friendly log message.

if you know any other tools that I didn't hear about I'd love you to share your knowledge with me.
DeepfakeHTTP v6.3.1
Tags: news, showdev, webdev, javascript
Published: 2021-10-25 19:16:50

A new version of [DeepfakeHTTP](https://github.com/xnbox/DeepfakeHTTP) is out!
I decided to add a new <code>--dir</code> option, allowing to host static content as static servers do.
However, unlike regular static servers, DeepfakeHTTP can also host executable stuff, such as shell scripts or JavaScript. In order to have JavaScript executed on the server side you need to specify <code>'use server'</code> at the beginning of the code ( similar to the well-known <code>'use strict'</code> ).

Thank you to all the people who helped with advice, suggestions, and participation!

{% github xnbox/DeepfakeHTTP no-readme %}