teleren/devto huggingface dataset:
The 3 Best Free React tutorials in 2023
Tags: react, tutorial, javascript, course
Published: 2023-01-18 00:10:54

Reactjs.org recommends a bunch of [free react courses, tutorials and videos,](https://reactjs.org/community/courses.html) but I went through all of them and found the best one.

Who am I? I'm a Senior Software Engineer, Frontend at Airbnb. I've been using React since 2016 and I want to make it easy for you to learn and use React as well.

Without further ado, the data:

![All free courses recommended by Reactjs.org](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6nvl5t4jibfwef2f73nb.png)


Based on the data, I recommend Scrimba's free "[Learn React](https://scrimba.com/learn/learnreact)" course for the following reasons:

- it includes videos
- it has an in browser IDE (integrated development environment) so you can code in the browser instead of fiddling with a local developer environment setup
- its content is up to date
- it has a follow on advanced course ($30/month subscription, another 12H+ of content)
- it has over 200K students enrolled and includes a ton of content with 152 lessons in its free course

Codecademy's similarly named "[Learn React](https://www.codecademy.com/learn/react-101)" course is a close second. While it has almost twice as many students enrolled, it is a purely text based tutorial and the projects/quizzes cost extra (up to $50/month). Its content is pretty comprehensive but can't compare to the 152 lessons Scrimba offers. Codecademy's advanced course is also much shorter when compared to Scrimba's advanced course.

At this point, you should be clicking over to Scrimba to start learning React, but if you wanted some insight into Egghead's "[The Beginner's Guide to React](https://egghead.io/courses/the-beginner-s-guide-to-react)" here it is: it's all videos and there isn't a place to code in the browser, but it is taught by one of the more famous Javascript engineers out there, Kent C. Dodds. If you want to just watch some videos taught by an expert, this is a good one.

Hope this helps you pick the right course for learning React! All the data lives in this [google sheet](https://docs.google.com/spreadsheets/d/1c7qJ8-tNUZtz3QPhgMApsoAV4gUjeupQb3WTCgnSueY/edit#gid=0) (with links) if you want it all.
How to use setValue with React Hook Form
Tags: reacthookform, react, setvalue
Published: 2023-01-18 20:29:29

---
title: How to use setValue with React Hook Form
published: true
date: 2023-01-18 00:00:00 UTC
tags: reacthookform,reactjs,setvalue
canonical_url: https://blog.robertoconterosito.it/posts/set-value-with-react-hook-form/
---

My dev notes about how to set value with React Hook Form. Following the [official documentation](https://react-hook-form.com/api/useform/setvalue)you can set a value with React Hook Form using the `setValue` method to change it programmatically like this:

```
const { setValue } = useForm();
...
setValue("firstName", "bill");

```

**But this is wrong!**

You have to use the `setValue` method to change the value of a field programmatically, **but only** using the `useFormContext` hook instead of the `useForm` hook:

```
const { setValue } = useFormContext();
...
// Somewhere inside the form
setValue("firstName", "bill");

```

**Remember:** the first one is used during initialization of the form, the second one is used inside the form.
I’m accidentally learning Python
Tags: python
Published: 2023-01-17 23:35:28

Well that’s new, I’m not usually posting over here 👋

I’m a veteran JavaScript developer, funnily enough, my brother is also a developer, he is firmly in the Python camp, well Ruby now but he’s in another camp 🏕️.

When I cared about such things, I used to tell him to learn JavaScript it’s so flexible… but then I started playing with Godot and GD Script, I also have some stints with Lua too, so I’m not afraid of brace-less languages anymore in-fact I don’t really care as much about language design, the less time spent writing is more time thinking about that algorithm im trying to write, so all I really care about is less boilerplate, imports and first class functions, languages getting in the way too.

Python for me works because I can think about the JavaScript analogy and find the stack overflow, the rest of the time it’s quite a productive language somehow, I’m just scratching the surface at the moment but have still achieved many things.


So what have I been doing, learning to write Blender adding on python and also prototyping with processing in python, implementing Treemap, box packing and Astar and eventually generating 3D buildings, returning finally to Godot to understand how GDScript differs.

It’s all been fun but now, I’m not really seeing a new language as much as a problem to solve.

💡 I use ChatGPT to teach me a lot about Python
Difference between Responsive and Adaptive Design.
Published: 2023-01-17 23:11:52


![RndA](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/frqb8u4jro8cxl1uxq29.png)

Responsive and adaptive design are two approaches to creating websites and apps that look and function well on a variety of devices, such as smartphones, tablets, and desktop computers.

Responsive design is a design approach that uses flexible grids and layouts to automatically adjust a website's layout and elements to fit the size of the device's screen. This means that the website will look and function the same across all devices, with the layout and elements simply adjusting to fit the available space.

![Responsive dedesign ](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ic35tx3k8yu5wcixacl8.jpg)


Adaptive design, on the other hand, uses a set of predetermined layouts specifically designed for different device types. Instead of adjusting the layout based on screen size, the website or app will automatically serve the appropriate layout for the device being used. This allows for a more tailored and optimized experience for users on specific devices, but it can be more complex and time-consuming to implement.

![Adaptive Design ](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uzdaq5q5xzxx4sn58h4r.jpg)



Both responsive and adaptive design have their own benefits and drawbacks. Responsive design is simpler to implement and maintain, while adaptive design can provide a more optimized experience for users on specific devices. Ultimately, the choice between the two will depend on the specific needs and goals of the website or app being designed.

In summary, responsive design is a flexible approach that adjusts the layout to fit the screen size and adaptive design is a more specific approach that serves different layouts based on the device being used.
A little background and one question | first post
Tags: datascience, beginners, python
Published: 2023-01-17 22:44:26

First of all, my name es Diego, I come from a background of Audio Visual Arts in Venezuela, but I decided to make a change, which I feel is common in the tech industry. I would say I have always had an affinity for computers, in fact that's what I spent most of my time doing as a kid. Growing up, my father owned a cyber cafe and so I was always learning things through him and the people he worked with. This is where my interest for the world of technology began. That's why, since I was a kid, I always knew that something technology-related  was within my main career options. Although it's not what I originally pursued as a career in college, it's no wonder I eventually found my way back to the “world of computers”.

I was initially interested in coding. After looking at my options, data science was where I saw myself and since beginning at Flatiron school, I can say I am happy with my decision. I am fascinated by the ability to  extract valuable connections and information from statistics.

I'm still unsure about what sector I would like to work in, although I have some ideas in mind. I hope my time at Flatiron school will help me decide the right career path. (This is only my first week in the bootcamp).

And if someone wants to interact with this post… **I'm curious to know any good/fun/interesting scientific research field where data science can be applied**, so I can have an idea of the kind of jobs that I could end up applying for.



![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3koscsyirhzy8ndc2zu4.jpg)
Day 675 : Train
Tags: hiphop, code, coding, lifelongdev
Published: 2023-01-17 22:43:40

_liner notes_:
- Professional : Had a meeting with my manager to talk about some things coming up. I told him the idea for a talk I came up with this past weekend and he said he liked it. Spent the rest of the day scaffolding the folder structure for the Web Component I made. Copied over the code and worked on the documentation. Tomorrow I want to publish the Web Component and test it out in my demo application.

- Personal : So I bought yet another domain name last night, haha. I think the name will work for a larger audience, it makes more sense for that use case for the side project, and it was like $11 a year. I also did some more thinking on the infrastructure of the project and where I can host it. I may have found an option. Will do more research. Ended the night watching the new episode of "Vinland Saga".

![2 large trees with very long branches that reach the ground creating a canopy of green leaves with some sun rays shining through.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4k2k29ifeqdqwgbqnfk5.jpg)

So the possible solution I'm looking at for my side project includes integrations for some of the services I would need. That's cool. It'll give me the opportunity to try out some new technologies. Going to do some more research, but I think I may have found the way I can at least get started on the project. I want to go through tracks for the radio show and end the night watching "Bullet Train" on Netflix.

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube _CLaM6M_Awo %}
Layoffs: It’s Okay to Not Be Okay
Tags: career, motivation, writing, layoffs
Published: 2023-01-17 22:28:14

Layoffs. It’s a word we are all becoming very acquainted with here in the tech world—more for some than for others. Whether you survive a round of layoffs or become another one of the thousands of people laid off, they affect everyone. In my short 3.5 years in the tech industry, I have gone through 4 rounds of layoffs. I survived the first 3 and was unfortunately laid off in the most recent round.

There are many feelings to be spoken about on both sides: surviving a layoff and being laid off. One can lose their sense of safety and, depending upon how the company handled the layoffs, there could be a lot of anger, resentment, mistrust, etc. When you survive a layoff there could also be a layer of survivor's guilt that can strike many people. It hit me very hard the 3rd round of layoffs I had experienced. I had only been at the company for a week and a half. I thought for sure I’d be an easy target to lay off, but no, two of my teammates who had been at the company for a while were laid off. The big thought in my mind for weeks following was “Why not me?”. 

Fast forward about 8 months and my company announced another round of layoffs and unfortunately, I was one of those affected. The first thing that crossed my mind was needing to pass along all of my knowledge on the current projects to my teammates, which I did. Then I cried and I cried A TON. 

I cried because I was losing the best team I had ever worked on. I cried because I was losing the best lead engineer I had ever worked with. I cried because I was losing some of the best senior and staff engineers I’d worked with because they taught me SO MUCH with tons of patience. I cried because I was losing my mentor. I cried because I was losing the first manager who ever showed interest in helping me progress my career to the next level. _I lost more than just a job, a paycheck._ I cried because I had lost all of those things I have just mentioned.

This post does not truly have a purpose other than for me to express my thoughts/grief and to let everyone else who has been laid off know that what they are feeling is completely okay and normal. Don’t beat yourself up. Don’t search for those “why’s” because you’ll likely never get closure. Try to accept your new reality and work through the grieving process. **You got this.**

_Note: The cover image for this blog post is brought to you from a hike in Great Smoky Mountains National Park in July 2022._
Porque usar Cloud firestore Firebase
Tags: firebase, programming
Published: 2023-01-17 21:44:06

Cloud Firestore es una base de datos de documentos NoSQL que le permite almacenar, sincronizar y consultar fácilmente datos para sus aplicaciones web y móviles, a escala global.

{% embed  https://www.youtube.com/watch?v=QcsAb2RR52c&t=2s %}

Puedes estructurar tus datos fácilmente con colecciones y documentos. Crear jerarquías para almacenar datos relacionados y recuperar fácilmente los datos que necesitas mediante consultas expresivas. Todas las consultas escalan con el tamaño de su conjunto de resultados (nota: no su conjunto de datos), por lo que su aplicación está lista para escalar desde el primer día.

Cloud Firestore se puede usar con SDK web y móvil y un conjunto integral de reglas de seguridad para que puedas acceder a tu base de datos sin necesidad de instalar tu propio servidor. Con Cloud Functions, puedes ejecutar un código de back-end alojado que responde a los cambios de datos en tu base de datos. Por supuesto, también puedes acceder a Cloud Firestore con bibliotecas de clientes tradicionales (es decir, Node, Python, Go y Java).

Con Cloud Firestore, puedes sincronizar automáticamente los datos de su aplicación entre dispositivos. Te notificá los cambios de datos a medida que ocurran para que pueda crear fácilmente experiencias de colaboración y aplicaciones en tiempo real. Tus usuarios pueden acceder y realizar cambios en sus datos en cualquier momento, incluso cuando están desconectados. ¡El modo sin conexión está disponible en iOS, Android y Web!

Con el lenguaje de seguridad declarativo, puedes restringir el acceso a los datos en función de los datos de identidad del usuario, la coincidencia de patrones en sus datos y más. Cloud Firestore también se integra con Firebase Authentication para brindarle una autenticación de usuario simple e intuitiva.

Si gustas saber más, te invito a seguirme en mis redes sociales y eventos sobre cloud, firebase, etc.
How Kubefirst can help your company
Tags: kubernetes, devops, cloudnative
Published: 2023-01-17 21:17:13

When it comes to use cases and examples of how companies or organizations are using kubefirst in production, here are a few things to consider:

Deployment automation: kubefirst can automate the deployment process of applications on Kubernetes clusters, making it easier for teams to manage and update their applications.

A/B testing: kubefirst can be used to perform A/B testing on different versions of an application, allowing teams to easily test and compare different versions before releasing them to production.

CI/CD pipeline integration: kubefirst can be integrated with a company's CI/CD pipeline, allowing for automated testing, deployment, and scaling of applications on Kubernetes clusters.

Multi-cluster management: kubefirst can be used to manage multiple Kubernetes clusters, making it easier for companies to operate and maintain their applications across different environments.

Scaling and monitoring: kubefirst can be used to monitor and scale applications on Kubernetes clusters, allowing teams to easily manage the resources and performance of their applications in production.

Note: kubefirst is a new product and there are limited real-world examples of how it is being used in production environments. The above examples are the potential use cases where kubefirst can be used.
#DevDiscuss: Passwordless Authentication
Tags: devdiscuss, authentication, security
Published: 2023-01-17 21:00:00

*image created by [Margaux Peltat](https://www.patreon.com/margauxpeltat) for the [Chilled Cow YouTube channel](https://www.youtube.com/watch?v=lTRiuFIWV54)* 

Time for #DevDiscuss — right here on DEV 😎

{% embed https://dev.to/dagnelies/passwordless-authentication-for-your-website-in-5-minutes-1c31 %}
Inspired by [@dagnelies](https://dev.to/dagnelies)'s Top 7 post, tonight’s topic is...passwordless authentication!

---

Questions:
- **Is passwordless authentication the future, a big mistake, or somewhere in between?**
- **Have you implemented passwordless authentication in any of your applications? What tools did you use, and how did it work?**
- **What pitfalls, traps, and flaws should devs be aware of when implementing passwordless auth?**
- **Do you have any stories of passwordless triumphs and/or fails?**
The Three Types of Cloud Services (Iaas, Paas, and SAAS). What Are They, and How Do They Help Me?
Tags: cloud, startup, writing, beginners
Published: 2023-01-17 20:47:36

Confused about the different types of cloud services? IaaS, PaaS, and SaaS explained!

Let me give you a quick overview of the different services, and what value they provide you.

---

## The various cloud service types

It's hard to find the right solution for your problem in the cloud.

To find the best solution, you must first understand that there are three types of cloud services. There is Infrastructure as a Service (IaaS), Platform as a Service (PaaS), and Software as a Service (SaaS). It is essential to understand the various cloud service types to select the one that best meets your needs.

Let me give you a quick overview of these three services, so you can select which one to use.

## Infrastructure as a Service (IaaS) is the most basic form of cloud computing.

**IaaS will provide you with a virtual server** where you can do almost anything.

It is the most basic service that the cloud service provider has to offer (like Amazon Web Service, Microsoft Azure, and Google Cloud Platform). A virtual server will be made available to you, and you can connect to it. Then **you can perform all the actions that you could perform on your physical server** there. But you also have to maintain everything besides the physical hardware. One of the key differences is that you can quickly adjust your infrastructure by adding more servers or shutting down unused ones, which is not so easily possible with physical servers.

IaaS makes it simple to transfer your existing servers to the cloud and will give you almost the same experience.

## Platform as a Service (PaaS) provides pre-made environments so you can focus on your product.

PaaS delegates more tasks to the Cloud Service Provider (CSP) rather than requiring you to handle everything yourself.

**You will receive pre-built environments** in which to deploy your code. Working on your application built on top of these environments is all that you need to do. **The CSP handles the infrastructure and deployment**.

Known examples of PaaS are:

- Google App Engine
- AWS Lambda
- Heroku

You retain total control over your application with PaaS. Still, you don't need to worry about the infrastructure that it is running on.

## Software as a Service (SaaS) provides ready-to-use software.

**SaaS can provide you with a finished product** you can use within minutes.

They will provide a finished software that you can use from anywhere because it is typically accessed through your web browser. The provider takes care of all the background work involved in creating new features, running servers, or managing support. **You don't need to do administrative tasks and can focus on using the product.** These services typically require a monthly payment because they are subscription-based.

Well-known examples of SaaS are:
- Microsoft Office 365
- Google G Suite
- Zoom

If you need a solution and don't want to spend time developing it, SaaS is best for you.
Autoleap - automatically leap into any previously visited directory
Tags: linux, bash, shell, tool
Published: 2023-01-17 20:18:00

---
title: Autoleap - automatically leap into any previously visited directory
published: true
description: A cd command that can leap into any previously visited directory
tags: linux, bash, shell, tool
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-01-17 19:19 +0000
---

This script adds an amazing feature to the `cd` command. It records (locally) the path of all directories you visit using `cd`. When you want to access a previously visited directory, you just need to run `cd part_of_directory_name`

The script is very lightweight and fast. The image below shows how simple it is to use:

[![Image showing how to use the tool](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qrhepfbzre0mq0a2jemr.png)](https://github.com/llagerlof/autoleap)

You can leap into any directory that exists in the history file, from anywhere.


### Installation
- Access the GitHub [project page](https://github.com/llagerlof/autoleap).
- Download the script `autoleap.sh` anywhere.
- `source` the script on your `.bashrc` (add the line `source /path/to/script/autoleap.sh` to the end of your `.bashrc`)
- Reopen the terminal (or source `.bashrc`)
- Be happy.
Share your principles?
Tags: programming, discuss, productivity, webdev
Published: 2023-01-17 20:14:59

## What I Follow

> Depending on one's level of proficiency and availability, the amount of time and effort invested may vary. ⏰

**1. Make it work 💡**
It is imperative to first fulfill the necessary requirements, utilizing any means necessary, whether it be through quick and efficient methods or more elaborate and refined approaches. The most important aspect is that the solution is functional and serves its purpose, as a non-operational solution is of no value.

**2. Make it right ✅**
Once the basic requirements have been met, it is important to consider the long-term maintainability, legibility, and efficiency of the solution. Making the solution easy to understand, modify, and improve in the future allows for greater flexibility and adaptability. Additionally, optimizing the solution for performance and minimizing resource usage can enhance its overall effectiveness. However, it is important to note that this should only be done if time and resources permit, as the primary objective should always be to fulfill the basic requirements

**3. Make it fast 🌪**
Finally, after ensuring that the solution meets the necessary requirements and is maintainable, it is important to focus on optimizing performance. This can include implementing techniques to make the software run faster, running tests to ensure that it is functioning correctly, and analyzing metrics to identify areas for improvement. This step will help to ensure that the solution is reliable, efficient, and able to handle any anticipated load or usage.


---

### Whats your principles? 
### How can I improve mine?

---

## Disclaimer

![Disclaimer](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0knv5a8l9bp3apozrfrv.png)