teleren/devto huggingface dataset:
Cara memilih motherboard untuk intel core gen 11th
Published: 2021-04-17 06:02:40

Untuk info lebih lengkap bisa lihat di bawah ini 
https://www.emirortech.com/cara-memilih-motherboard-yang-cocok-untuk-intel-core-gen-11th/
Di sna juga ada info seputar hardware mauoaum software, dan tekadang kami memberikantips n trik seputar teknologi
How to Hide your React Source Code from Chrome Dev Tools when Deployed to Production
Tags: javascript, react, codenewbie
Published: 2021-04-17 05:43:05

![source_code.jpeg](https://cdn.hashnode.com/res/hashnode/image/upload/v1618637975081/Dz77njUmE.jpeg)

Do you know that when you deploy your React application which is created using [create-react-app](https://create-react-app.dev/) or your own webpack configuration to a live website like Netlify, Vercel, Heroku etc,

your entire source code is visible to everyone from the sources tab of the dev tools.

This is not an issue with the `create-react-app` but all of the source code is added because of the source map which helps to easily identify the source of the bug that will occur on the live site in the future.

This is fine If the website source code is publicly available on GitHub.

But you definitely don't want everyone to see your entire source code If it's a private repository or you're working on a client project.

There is an easy way to fix it.

Create a file with the name `.env` in your project folder with the below code inside it:

```js
GENERATE_SOURCEMAP=false
```

Now, when you run 𝗻𝗽𝗺 𝗿𝘂𝗻 𝗯𝘂𝗶𝗹𝗱 or 𝘆𝗮𝗿𝗻 𝗿𝘂𝗻 𝗯𝘂𝗶𝗹𝗱 command from the terminal, It will generate a 𝗯𝘂𝗶𝗹𝗱 folder with minified files without a source map that you can deploy to the production.

> Check out my [this article](https://javascript.plainenglish.io/how-to-optimize-react-app-for-production-and-deploy-it-to-heroku-498fbf222de?source=friends_link&sk=9a2b48e4cafe7aaeca2cbd6f398d4f5d) to understand how to hide source map when using custom webpack configuration

**Removing the source map also decreases the final bundle size of your application and so your application will load faster.**

### Thanks for reading!

Want to learn all ES6+ features in detail including let and const, promises, various promise methods, array and object destructuring, arrow functions, async/await, import and export and a whole lot more from scratch?

**Check out my [Mastering Modern JavaScript](https://modernjavascript.yogeshchavan.dev/) book. This book covers all the pre-requisites for learning React and helps you to become better at JavaScript and React.**

> Check out free preview contents of the book [here](https://www.freecodecamp.org/news/learn-modern-javascript/).

Also, you can check out my **free** [Introduction to React Router](https://yogeshchavan.podia.com/react-router-introduction) course to learn React Router from scratch.

Want to stay up to date with regular content regarding JavaScript, React, Node.js? [Follow me on LinkedIn](https://www.linkedin.com/in/yogesh-chavan97/).

[<img src="https://gist.github.com/myogeshchavan97/98ae4f4ead57fde8d47fcf7641220b72/raw/c3e4265df4396d639a7938a83bffd570130483b1/banner.jpg">](https://bit.ly/3w0DGum)

[<img src="https://cdn.buymeacoffee.com/buttons/default-yellow.png" >](https://www.buymeacoffee.com/myogeshchavan97)
Python tutorials for absolute beginners
Tags: python, programming, oops, pythonforbeginners
Published: 2021-04-17 05:38:28

New to Python? But Don't know where to start from?
The links attached below will help you to get started quickly.

Part1: https://link.medium.com/iaFvqp3nwfb
Part2: https://link.medium.com/89CMEb6nwfb


![thanks](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cgq96d8g1e7qb90mnaa9.jpeg)
Why daily.dev is a must-have extension for all developers.
Tags: dailydev, developer, programmingblogs, tips
Published: 2021-05-14 09:05:11

---
title: Why daily.dev is a must-have extension for all developers.
published: True
date: 2021-04-17 05:13:08 UTC
tags: dailydev,Developer,programmingblogs,tips
canonical_url: https://magbanum.tech/why-dailydev-is-a-must-have-extension-for-all-developers
---
![magbanum.tech daily.dev blog](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q53y2qsedlbhcwgsxwr2.png)
[Daily.dev](https://api.daily.dev/get?r=magbanum) is an awesome coding news reader that delivers the top dev news in a way that’s simple and developer-friendly. Best of all, you can personalize it to get only the things you like.

As a beginner, daily.dev is the high-quality platform to dive deeper into the developer's world. Daily.dev offer handpicked blogs created and curated by the developers from the sources like dev.to, Hashnode, Freecodecamp on almost everything to learn from web development to software development.

Not only for novices but it also helps professional developers. It could be very hard for working professionals to live up to date with the modern-day era updates and to comb up on the learnings of their busy schedule. Daily.dev comes in handy at that time. By adding Daily.dev to your browser, you will get all of the programming associated information, blogs, podcasts and so much right onto your browser homepage.

Some of the key features are,

- Hand-picked assets (+350 publishers)
- Latest topics
- Customizable personal feed
- Great community

Blogs I found on daily.dev that helped me as a self-taught developer,

[Python Developer Roadmap in 2021 🗺](https://dev.to/hb/python-developer-roadmap-in-2021-2bmo)

[5 Tips to Get a Job as a Python Fresher](https://www.geeksforgeeks.org/5-tips-to-get-a-job-as-a-python-fresher/)

[30 Machine Learning, AI, & Data Science Project Ideas](https://dev.to/godspowercuche/30-machine-learning-ai-data-science-project-ideas-37ei-temp-slug-361607)

[7 Developer's Destructible Career Habits.](https://chryzcodez.hashnode.dev/7-developers-destructible-career-habits)

Daily.dev is helping me every day to enrich my knowledge and not to go off trend. I particularly recommend giving [daily.dev](https://api.daily.dev/get?r=magbanum) a try if you want to dive into the programming world. And let me know what do you think about it.

💻[**Add daily.dev to your browser**](https://api.daily.dev/get?r=magbanum)
Why Tailwind JIT compiler is amazing
Tags: tailwindcss, css
Published: 2021-04-17 05:00:43

I only found out about this JIT Compiler a few days ago, during my Livestream with [Stefan Natter](https://www.youtube.com/watch?v=YA1hzqfv2i8).

During this Livestream, we got to use the JIT compiler, and I was super amazed by the speed, but more than that, the customization option!

I have been waiting for something like that, and it's spot on what you would expect.

Today I'll show you how to enable the JIT compiler and how you can leverage this custom CSS.

{% twitter 1371505992840663051 %}

## Adding the Tailwind JIT Compiler

For this article, I'm going to use my simple HTML Tailwind starter project.

You can [find the project on GitHub](https://github.com/rebelchris/HTML-Tailwind-Starter).

The first step is to add the JIT Compiler. We can do so by running the following command.

```bash
npm install -D @tailwindcss/jit tailwindcss postcss autoprefixer
```

Next up, we need to make sure this compiler is used.
For our project, we can open up the `postcss.config.js` file.

Adjust the file to look like this:

```js
module.exports = {
  plugins: {
    '@tailwindcss/jit': {},
    autoprefixer: {}
  }
};
```

And that is all there is to it!
Already amazing, right?

## Using Tailwind JIT Compiler to generate custom styles

I'm sure every one of us ever needed a custom style.
Perhaps you needed a fixed-width element, a custom size border, or translate, perhaps.

With the new JIT Compiler, we can do this in a breeze.

Imagine we need to create a fixed-width box.
The box needs to be exactly 300x300px. We could, of course, extend Tailwind, but we can now even do this easier!

Simply add classnames like such:

```html
<div class="w-[300px] h-[300px]">
  Tailwind JIT Compiler
</div>
```

That is so cool!
Start the script with `npm run dev` and check out what's happening in the browser.

![Tailwind JIT Compiler custom size](https://cdn.hashnode.com/res/hashnode/image/upload/v1618380362939/ber12VU9F.png)

There you go, a square box and the classes are already reflecting in our CSS file!

You can find this project on the following [GitHub link](https://github.com/rebelchris/HTML-Tailwind-Starter/tree/JIT-compiler).

This stuff is next level,
Thank you, Tailwind!

### Thank you for reading, and let's connect!

Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on [Facebook](https://www.facebook.com/DailyDevTipsBlog) or [Twitter](https://twitter.com/DailyDevTips1)
Dampak Negatif Situs Togel Di Indonesia
Tags: togel, togelonline, situsbandartogel, situstogeldana
Published: 2021-04-17 04:56:05

http://68.65.123.100
Situs togel dana, situs togel pulsa, situs togel ovo apapun yang berhubungan dengan situs togel, bandar situs togel memiliki dampak engatif jika Negara Indonesia Melegalkan situs tersebut. Tetapi pasti ada dampak positif juga untuk Negara Indonesia.

1. Kecanduan

Bermain judi di Agen Togel seperti halnya kita minum minuman yang beralkohol yang bisa membuat kita candu. Apalagi saat kamu beberapa kali mendapatkan kemenangan, jadi kita akan membuat kita ketagihan akan mendapatkan kemenangan dalam bermain judi jenis ini di situs lottre terbaik dan terlengkap. Untuk Mencegah Kecanduan bermain yaitu kita harus mengetahui uang dingin yang kita pakai dan sudah habis maka kita harus stop sampai ada uang dingin lagi.

2. Rumah Tangga Hancur

Hal yang kelima adalah bisa menghancurkan sebuah rumah tangga. Karena ketika kamu terus menerima kekalahan terus menerus bisa membuat emosi dalam memasang taruhan Togel Hongkong. Jadi pasti kamu akan menguras tabungan keluarga untuk mencari kemenangan di
Guerra de los navegadores
Tags: navegadores
Published: 2021-04-17 04:38:26

*este post fue publicado originalmente por mí en [DesarrolloWeb.com](https://desarrolloweb.com/home/navegadores) en Enero de 2020*

# Bienvenida 
¡Hi devs! Hoy les traigo un post sobre la **Guerra de Navegadores** , la verdad fue un artículo que publiqué hace tiempo en una página web, pero aún es relevante y quise traerla acá, sin más preámbulos, ¡Vamos allá!

# el principio

Los navegadores siempre han competido por ganar la mayor cuota de mercado y lo seguirán haciendo siempre, ya que su éxito o fracaso se mide en términos del uso que las personas hagan de ellos. Esta competencia, que en principio podría haber sido algo sano, trajo algunos efectos negativos en las primeras décadas de la existencia de Internet que se englobaron bajo el concepto de "guerra de navegadores".

# el problema 

Básicamente, al principio los estándares de Internet fueron un poco lentos y no existía una dirección clara en cuanto a cómo tenían que evolucionar los lenguajes como HTML, CSS o Javascript. Como consecuencia, cada navegador tomaba decisiones sobre cómo interpretar las etiquetas del HTML o atributos de CSS, así como las instrucciones Javascript para el acceso a los elementos de la página.

En los peores momentos de esta competición por la innovación en los lenguajes de Internet se llegaron a crear diversas etiquetas propietarias que sólo funcionaban en determinados lenguajes, estilos que eran interpretados de manera radicalmente distinta o incluso lenguajes de scripting para hacer la competencia a Javascript, como el desaparecido Visual Basic Script.

Obviamente, todos los usuarios de la web padecieron esta situación, pero a los que más perjudicó fue a los desarrolladores, que tenían que hacer esfuerzos extra para conseguir que las páginas funcionaran de manera idéntica, o al menos similar, en los distintos navegadores.

# Solución y fin

Afortunadamente, estos hechos tuvieron su fin cuando finalmente todos los fabricantes de navegadores llegaron al acuerdo de ser fieles a los estándares. Este hecho se produjo con la llegada de HTML 5, que aceleró la presentación de estándares, definiendo las especificaciones de lenguajes como HTML y CSS, de una manera más precisa y acorde a las necesidades reales de la web. Además de crear una serie de APIs Javascript que los navegadores debían respetar para implementar características que eran necesarias en las aplicaciones modernas.

# Ultimas palabras

Bueno devs, eso ha sido todo por Hoy. Personalmente siempre me gustó la historia. Y saber un poco de los problemas del pasado, nos ayudan a solventar y evitar los del presente. Bueno devs, que tengan un buen fin de semana, ¡bye!
Cheatsheet for Git Rebase
Tags: git, cheatsteet
Published: 2021-04-17 04:13:59

I don't really use a bunch of cheatsheets, at least not in the conventional sense. Historically I recall having an ascii chart and dvorak keyboard. Yes there were others for school like imperial and metric conversion. 

Though maybe their is something to this. Usually I will do a search for what I want to do and possibly pull up the link I visited last time. This can have the benefit that I my hit some updated information.

The world is quite different with information just one accurate search for the the thing you may not know you wanted. I also can get a little tired of searching for the same thing but forgetting which was the best answer. 

This is my first creation, it isn't for me. I did this because I looked at a really nice cheatsheet for Git which had things I don't use or deliberately avoid. So I thought I would try my hand at the things I use almost daily. 

https://cheatography.com/jessekphillips/cheat-sheets/git-rebase-workflow/ 

I really wanted stay away from creating groups which were focused on a command, I wanted to draw attention to a task. I also chose my tasks in such a manner that I could show that even though git has a reputation for inconsistent commands, today it really does provide some consistency.

So now that I created something for others maybe I can do something I'll use myself. 

Also hidden within the sheet is my personal choices much has been explained here on dev.

{% link https://dev.to/jessekphillips/delete-your-master-210a %}
Android Membuat Google Australia Semakin 'Merana'
Tags: berita, android, google
Published: 2021-04-17 04:06:14


Pengadilan Federal memutuskan Google secara sengaja mengklaim bahwa mereka hanya dapat mengumpulkan informasi pengguna dari pengaturan riwayat lokasi pada perangkat Android, ketika pengaturan aktivitas web dan aplikasinya memungkinkan perusahaan untuk mengumpulkan data bahkan ketika pengaturan riwayat lokasi dimatikan, kata Australian Competition and Consumer Commission (ACCC).

Dikutip dari Mobile World Live, Ketua ACCC Rod Sims mengatakan putusan hakim adalah langkah penting untuk memastikan platform digital terbuka dengan konsumen tentang bagaimana perusahaan menggunakan data penggunanya dan apa yang dapat mereka lakukan untuk melindunginya.

> *“Ini adalah kemenangan penting bagi konsumen, terutama siapa pun yang peduli dengan privasi online mereka, karena putusan pengadilan mengirimkan pesan yang kuat kepada Google dan pihak lain bahwa bisnis besar tidak boleh menyesatkan pelanggan mereka.”*
>
> Rod Sims, Ketua ACCC

Sims mengatakan selain menerima hukuman, ACCC ingin Google menerbitkan pemberitahuan kepada konsumen Australia untuk menjelaskan dengan lebih baik pengaturan data lokasinya, untuk memastikan konsumen dapat membuat pilihan berdasarkan informasi tentang mengaktifkan layanan yang mengumpulkan informasi pribadi tersebut.

Google menghadapi sejumlah kendala di Australia selama dua tahun terakhir, salah satunya ketika pemerintah mengeluarkan undang-undang kontroversial yang melibatkan kesepakatan konten berita pada bulan Februari 2021 lalu.

Pada Juli 2020, ACCC mengajukan kasus terhadap raksasa pencarian tersebut karena menyesatkan konsumen tentang perluasan penggunaan data pribadi untuk iklan bertarget.

*Originally published at [MauCariApa.com](https://maucariapa.com/android-membuat-google-australia-semakin-merana/) on April 17, 2021.*
Review on doing TDD for 14 days, 100% test coverage 😱
Tags: tdd, ruby, rails, rspec
Published: 2021-04-17 04:02:33

We have started doing TDD by pair programming at work for the past 14 days. 

Some of the benefits that we could observe :

- Tests don't feel like extra work that we need to fill once the code is written, they are part of the workflow.

- Insane clarity on how the interfaces are going to look like because we design the interfaces in tests themselves.

- Doing TDD is fun, you get a small joy whenever the test changes from red to green.

The side effect of all this is 100% test coverage.

```ruby
Finished in 3.17 seconds (files took 6.89 seconds to load)
102 examples, 0 failures

Coverage report generated for RSpec to /Users/user/work/video_ops_backend/app/coverage. 813 / 814 LOC (99.88%) covered.
```
Okay maybe I lied a little, we have not covered one line :p 

That line happens to be in our exceptions handler, where we are not covering Generic catching of exception because we are catching all of them in the hierarchy above.

I don't think we are ever going back to writing code and backfilling tests after discovering this wonderful world of TDD.

Full disclosure:
The pair working on this project has a senior engineer(me) and a lead engineer, who are already familiar with the tech stack, writing tests for a couple of years, YMMV.
#Day27 - Fastest Way to Combine Dictionaries
Tags: 100daysofcode, codenewbie, python, programming
Published: 2021-04-17 03:53:32

We know the [fastest way to combine lists](https://www.realpythonproject.com/day15-the-fastest-way-to-combine-lists-in-python/). Today we will try to find the fastest way to combine dictionaries

We will be considering the following ways
- Using a for loop
- Using the update() method
- Using the ChainMap Function
- Using the unpacking operator
- Using the pipe operator ( | ) 
- Using the (|=) operator

### How are we going to measure the performance?

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1618627634309/xVzpwSq57.png)

We have a couple of dictionaries with 1000 key-value pairs in each dictionary. We will update function **func** to perform the different combination methods. The function will be called 100 times and we will print the average run time.

### Using a for loop

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1618628008999/AXNNEvHvo.png)

We simply iterate over the second dictionary and add its elements to the first dictionary.
Below is the output
```python
On average, it took 6.765522999558016e-05 seconds
```

### Using the update method

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1618628380578/d392IOk0f.png)

Similar to the for loop approach, the first dictionary is updated. The elements of the second dictionary are added to the first dictionary. If there is a common key present, the value for the key in the first dictionary will be overwritten by that of the second dictionary.
```python
On average, it took 2.554959000008239e-05 seconds
```


### Using the ChainMap Function

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1618629430038/6v72T4ZvUR.png)
Unlike the previous two approaches, a new dictionary is created and the original dictionaries are not updated. Below is the output
```python
On average, it took 9.942399992723949e-07 seconds
```

### Using the unpacking operator

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1618628812961/ldVoM3Ao5.png)

In this approach as well, we create a new dictionary. The original dictionaries are not updated.
 Below is the output
```python
On average, it took 7.01560299967241e-05 seconds
```

### Using the | operator

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1618629852207/HleooNf7d.png)

In Python 3.9, the pipe operator was introduced to combine dictionaries. Below is the output
```python
On average, it took 5.5255000000000026e-05 seconds
```

### Using the |= operator

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1618629948617/MCc9ERv1n.png)

Along with the | operator, the |= operator was introduced in Python 3.9. Below is the output
```python
On average, it took 3.0259589999999983e-05 seconds
```

### Comparison

![download.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1618631340858/32W1PTKh4.png)

The ChainMap() method seems to be the fastest
Strapi Node.js headless CMS
Tags: webdev, startup, firstpost, showdev
Published: 2021-04-17 03:45:27

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pc5m0si91f57pfgtwc9i.png)

Strapi is the leading open-source headless CMS. It’s 100% Javascript, fully customizable and developer-first. Strapi is the leading open-source headless CMS it helps your design APIs fast without re-inventing the wheel. With over 25,000 stars ⭐️ on GitHub and more than 400 contributors 🙋🏻‍♂️, Strapi is the most popular open-source headless CMS.

# Installation

Install Node.js from NodeSource installation script

`$ curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -`

NodeSource repository is enabled, install Node.js and npm

`$ sudo apt install nodejs`

Node.js and npm were successfully installed by printing their versions

`$ node --version`
`$ npm --version`

Compile native addons from npm you’ll need to install the development tools

`$ sudo apt install build-essential`

Install Strapi and Create a new project

`$ npx create-strapi-app my-project --quickstart`

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nr2g02f51k4x5st3e9od.png)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sxyjq9bh8lk8ped61y8y.png)

Create an Administrator user.
Navigate to http://localhost:1337/admin (opens new window).
Complete the form to create the first Administrator user.

[Website](https://heeraj.com)
[Blog](https://heeraj.com/blog)
Reality engagement
Tags: writing, beginners, wordpress, discuss
Published: 2021-04-17 03:26:17

Learning and building something are totally different stories.  

You can read book of 10,000 pages, but if you implement nothing, then you did nothing  

It’s been _a month and 16 days_ since I started __Task Force Bootcamp__.
I learned a lot, both technical and soft skills. But never have I learned how to __implement those skills in real life until this week__.  

Understanding what client needs, building prototype and demonstrating the prototype to the client. That’s what the real business is, isn’t it? Maybe not, I am not a business man, but I hope they are sort of.  

This week I and other interns engaged in real life project (wordpress project).  

We had to understand what the client needs, develop the prototype and demonstrate it to him.  

Do you know what the hardest part was? __The demonstration__, you are right!  

I had to sit properly and not move, which I don’t like, I had to speak proper language and to convince the client. The client has to accept or reject your prototype, it’s his/her choice.  

But here are few things I learned from this complicated experience,  

1. Don’t blame yourself, you have done so much, don’t blame yourself if the client doesn’t accept your prototype.  

2. Don’t build what client asked, add some related additional features he/she didn’t ask.  

3. Accept the challenge, if he/she asks to change then change he/she is the king! 

We all learn from mistakes, and you can’t learn how to walk without falling down.  

My tip is, if you are learning something new, try to implement it.   

Maybe you can make one of your team members a client and build a product for him/her and demonstrate to him/her. That will slowly make you experience how to handle the real-life clients.  

``Client is the king, remember.
``