teleren/devto huggingface dataset:
Ultimate ReactJS Resources For Web Developer 🔥🔥
Published: 2022-03-05 12:16:36

<!-- wp:heading -->
<h2 id="0622">The best React.js courses, job boards, interview resources, templates, books, and libraries all in one place.</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p id="d73c">React.js is the most popular front-end JavaScript library out right now. The problem is that there are too many resources to choose from.&nbsp;<strong>How do you know where to find the best resources?</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p id="7989">React.js is a library with a big ecosystem and there are many articles, courses, and resources out there. It can be confusing to know which are the correct ones to use for your purposes.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p id="ae2f">In this article, we went through a lot of React-focused resources. We found the best ones for you.&nbsp;<strong>These resources are designed to help you save time, land jobs, learn faster, and build your app more effectively.</strong> </p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3><strong>Read Full Component Here</strong>: <strong><a href="https://www.codelivly.com/ultimate-reactjs-resources-for-web-developers/" target="_blank" rel="noreferrer noopener">Ultimate ReactJS Resources For Web Developers</a></strong></h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>React helps you to create an interactive user interface easily. No matter how complicated the data is, you can easily create interactive charts and UI elements smoothly with the ReactJS. Since it is created and maintained by the Facebook and Instagram community, you needn’t worry about the quality of how well it manages the complex codes.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>In addition, The major advantage of ReactJS is the option to render and view the components easily. It ensures readability and makes maintainability more comfortable.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><strong>Reasons behind the popularity of ReactJS.</strong></p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul><li>Easy creation of dynamic applications</li><li>Reusable components</li><li>Improved performance</li><li>Small learning curve</li><li>Dedicated tools for easy debugging</li><li>Unidirectional data flow</li></ul>
<!-- /wp:list -->
Axios Scripts
Tags: axios, help, programming, react
Published: 2022-03-05 02:45:04

> Axios Scripts Made Easy

When I was attending bootcamp a year or so ago, some of my bootcamp friends and I discovered the way to add a script to an npm package better known as `Axios`.

**Axios** is a Javascript library used to make HTTP requests from node. js or XMLHttpRequests from the browser and it supports the Promise API that is native to JS ES6. It can be used intercept HTTP requests and responses and enables client-side protection against XSRF. It also has the ability to cancel requests. (Thanks Google)

If you are like me, I look for better ways to code. And at the time, I was struggling with coding and understanding Axios. When I did however, I made something for me to use from then to the end of time. And last I checked, it was still there for me to use. I used it today! I thought i'd share it with you. Because I want to see you the follow succeed in coding. 

I made 2 scripts for Axios. Inorder to access them, you MUST install the package via `npm i axios` first. Once you have, create a seperate axios file and in the area where your about to code, type: `axx or aax`

And you will get one of these functions:
`aax`

![axios functional component](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yru1xu769e1na7zt33ks.png)

I hope this help you. Follow me for some more tips and tricks! Share the post with ppl you think may need it as well..

---
How To Automate Your Smart Contracts Using Gelato

Tags: blockchain, smartcontract, automation, tutorial
Published: 2022-03-05 11:10:13

When it comes to smart contracts, most of people assume that they are already built with automation. Actually, smart contracts are not smart enough.

The reason for this lack of automation lies in the Ethereum Virtual Machine (EVM) itself: programs only run for a few milliseconds at a time; persistent loops or “cron” jobs that constantly repeat themselves, typical in traditional operating systems, limit a miner from ever completing the state transition and thus mining a block. 

As a result, these programs, called smart contracts, are limited to only storing state and logic. Without an outside impulse, they are functionally inactive. In order to execute their logic and to change their state, they require an external party to send a transaction to them in the first place.

Learn how to automate your smart contract in a 5-min tutorial video:

{% embed https://youtu.be/yaMuEATOL40 %}

And you can find the docs here: [https://docs.gelato.network/guides/tutorial](https://docs.gelato.network/guides/tutorial)
Top 10 Programming Languages You Must Know In 2022 - Codexashish
Tags: programming, python, javascript, php
Published: 2022-03-05 11:06:59

## TOP 10 PROGRAMMING LANGUAGES YOU MUST KNOW IN 2022

Here is the list of the top 10 programming languages you must learn in 2022 for better growth.

In this blog, we will discuss some of the most in-demand programming languages which will be dominant this year, 2022. So let's start to learn the top 10 programming languages in 2022. These programming languages are more demanding and most paying as of now. So let’s get started with these top programming languages:

## No.1: Python Programming
Python is one of the most popular programming languages today and will continue in 2022 which was developed in 1991.

### Features of Python Programming:-
High-Level
Easy to learn
Open source
Popular
Object oriented programming
General-purpose programming language


### Applications of Python Programming:-
Web-apps
Data science
Machine learning
Web development
Artificial Intelligence
Game development
Data visualization
Web scraping application


## No.2: JavaScript
JavaScript, sometimes known as JS, was developed in 1995 that follows the ECMAScript standard. 

### Features of JavaScript:-
High-Level
Dynamic typing
Frequently compiled
Popular
Platform-independent language


### Applications of JavaScript:-
Machine Learning - Tensorflow.js
Video Production - Remotion
Smart Watch Apps - Pebble.js or Bangle.js
Infrastructure - AWS CDK
Image Editing
Controlling drones - I guess under robotics
Animations - Three.js
Presentations/Slides - RevealJS
Desktop Apps - ElectronJS
AR/VR - A-Frame
Web development
Web servers development
Game development
Mobile application
Server application
Robotics


## No.3: Java
Java is an object-oriented programming language which was developed in 1995.

### Features Java Programming:-
Object-oriented
High-level
Platform-independent
Robust programming languages
Secure
Easy to learn


### Applications of Java Programming:-
Mobile applications
Cloud-based applications
Gaming application
Desktop GUI application
Web application


## No.4: C/C++

## [Read Full Article!](https://www.codexashish.com/2021/12/top-10-programming-languages-you-must.html)
MERN Auth - Signup & Login with Email (JWT) | React , Node, Express, MongoDB
Tags: node, react, javascript
Published: 2022-03-05 11:04:12

What's Up Guys,

Using React, Node.js, Express & MongoDB  we gonna implement authentication. where user can signup and login to there account with email. we gonna implement authentication with json web token (JWT). Authentication is a complex process, it means allowing users to register and log in. Today, you're going to learn it completely by watching this video. Enjoy!

{% youtube HGgyd1bYWsE %}
Uploading Images & Files To Firebase Storage In React JS | Node JS | MongoDB | Express
Tags: node, react, javascript
Published: 2022-03-05 10:59:59

What's up Guys,

In this video we gonna upload files(images, songs, etc) to the Firebase storage. We gonna retrieve the URL of file save it in MongoDB Database. We gonna use React to upload files on frontend and Node as our backend. 

{% youtube OdhIMsnDR8A %}
How To Build A Todo App With React + Next JS
Tags: react, nextjs, javascript
Published: 2022-03-05 10:56:13

What's up guys,

Today we gonna build todo app with react js, next js and mongodb as our database. we gonna use next js web server for backend unlike express framework. we gonna cover what are crud operations, how to create api's , how to connect to mongodb atlas, what is server side rendering, what is client side rendering and much more. I hope you learn something new today by watching this video.

{% youtube wfAp834eZYo %}
Razorpay Payment Gateway Integration In Node JS & React JS | MERN Stack Tutorial
Tags: node, react, javascript
Published: 2022-03-05 10:53:28

What's up Guys,
Today we gonna learn how to integrate razorpay payment gateway in mern stack. Razorpay is widely used in indian companies to get payments. So in this video learn how to accept payments in MERN (Mongo, Express, React, Node) stack. I hope you learn something new today by watching this video. 

{% youtube eC73edQ5jmw %}
Create a Modern React App From Scratch | Webpack 5 | 2021
Tags: javascript, react, node
Published: 2022-03-05 10:50:57

Hello guys, This video will help you setup your own basic Webpack bundler with React and Babel for your next React project. We gonna learn how Webpack is setup or exactly what happens under the hood. so let's start coding...


**Demo Video** 
{% youtube wftux-8hqQA%}
6 Python append Example
Published: 2022-03-05 10:44:43

# Example 1

a list

cars = ['Ford', 'Volvo', 'BMW', 'Tesla']

append item to list

cars.append('Audi')

print(cars)

['Ford', 'Volvo', 'BMW', 'Tesla', 'Audi']

# Example 2



list = ['Hello', 1, '@']

list.append(2)

list

['Hello', 1, '@', 2]

# Example 3

list = ['Hello', 1, '@', 2]

list.append((3, 4))

list

['Hello', 1, '@', 2, (3, 4)]

# Example 4

list.append([3, 4])

list

['Hello', 1, '@', 2, (3, 4), [3, 4]]

# Example 5

list.append(3, 4)

Traceback (most recent call last):

  File "<stdin>", line 1, in <module>

TypeError: append() takes exactly one argument (2 given)

# Example 6

list.extend([5, 6])

list

['Hello', 1, '@', 2, (3, 4), [3, 4], 5, 6]



list.extend((5, 6))

list

['Hello', 1, '@', 2, (3, 4), [3, 4], 5, 6, 5, 6]

list.extend(5, 6)

Traceback (most recent call last):

  File "<stdin>", line 1, in <module>

TypeError: extend() takes exactly one argument (2 given)



Reference:



[how to append list in python](https://www.howtouselinux.com/post/append-list-in-python)

[how to add items to a list in python](https://www.howtouselinux.com/post/add-items-to-a-list-in-python)
Discussion - Dealing with fake images on social media
Tags: twitter, misinformation, fakenews, discuss
Published: 2022-03-05 09:26:44

---
title: Discussion - Dealing with fake images on social media
published: true
description: A possibly naive way for tackling fake images on social media
tags: twitter,misinformation,fakenews, discussion
//cover_image: https://direct_url_to_image.jpg
---


In light of recent events happening around the world, I have been thinking about the role of social media in escalation or deescalation of conflicts.

So I had an idea to build a **Twitter bot** that would return the **date metadata** of any image possibly including the Software used to make the image.

My hopes were shuttered when I realised that most **social media platforms** actually **remove all metadata from public consumption**. This is done for **privacy and security** reasons which makes sense. 

So unfortunately my idea wont work:(
But then given that they(Twitter) still keep this metadata internally, would it not be useful if they **released** some of the **non-personally identifying attributes** which can help in **reducing** the **spread of disinformation/misinformation**?

Would love to hear your thoughts
Update Roles and Permissions | Spatie Role and Permission | Laravel 9 Tutorial
Tags: tutorial, laravel, php, beginners
Published: 2022-03-05 10:34:22

{% embed https://www.youtube.com/watch?v=JBgGqEI918k %}
Hello Friends, in this video we are going to update roles and permissions.

Laravel Admin Panel.
Laravel Tutorial.
Laravel 9 Tutorial.
Github Repo: https://github.com/laraveller/laravel...

Support me: 
https://www.patreon.com/Laraveller
https://paypal.me/TonyXhepa

Follow me:
Twitter: https://twitter.com/Laravellercom
Facebook Page: https://www.facebook.com/1laravellercom
Instagram: https://www.instagram.com/laravellercom/
Github: https://github.com/laraveller
Website: https://laraveller.com/

Playlists:
Laravel Testing For Beginners: https://bit.ly/3t1gNq4
Laravel Roles and Permissions: https://bit.ly/3gOhM7d
LARAVEL INERTIA MOVIE APP: https://bit.ly/3FVMp4Q
Laravel Livewire Movie App: https://bit.ly/3s8D6v1
Laravel Classified Website - https://bit.ly/3nsFRnb
Livewire Employees - https://bit.ly/2ZtIpZY
Laravel Employees Management - https://bit.ly/3Gglt14
Laravel admin panel - https://bit.ly/3CcX75M
Using other package managers with node has become a whole lot easier
Tags: javascript, node, npm, react
Published: 2022-03-05 10:31:37

---
title: Using other package managers with node has become a whole lot easier
published: true
description: Introducing Corepack
tags: javascript, nodejs, npm, react
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v8sqhhs2xahzkjqba0y4.png
---

If you still are not aware, node v16.9.0 and v14.19.0 was launched with corepack https://nodejs.org/api/corepack.html. A developer can use Corepack to define alternative package managers like `yarn` and `pnpm`.
Node will then automatically get the required version of the package manger.

> Corepack can also be installed as a global package on earlier node versions.

## Benefits
Using package managers this way has two main benefits
1. Easily synchronize package manager and their versions amongst developers. Though yarn 2+ solves this issue in its own way.
2. No install step required for the package managers.

## Enable
It's much easier to understand with an example.

On a machine with node installed
```sh
corepack enable
```
**and that is it!**. Now the required package manger will be available when executed.

> If corepack is not found in your system, then you can install it as a global package
```sh
npm i -g corepack
```

## Use
For example, now to create a new project with yarn, in a folder just execute
```sh
yarn init -2
```

Similarly you are free to use `pnpm` https://pnpm.io/ as well.

## Update package.json
A new field in `package.json` has been introduced to fix a project to a particular package manager version.
```json
{
  name: 'yarn-test',
  packageManager: 'yarn@3.2.0'
}
```
**This ensures that every developer in your team will use the same version of the package manager.**

## Running the same version

The major work is all done!

Just run your package manager inside your repo and it should run the version defined in your `package.json`

For example if the `package.json` had
```json
{
    ...
    "packageManager": "pnpm@6.32.2"
}
```
Running pnpm in this project will use the same version.
```sh
pnpm -v
6.32.2
```

## Conclusions
I wish I had more to say, but corepack makes switching to other package managers a breeze. What qualities distinguish your preferred package manager?

> Originally posted on [mein.in](https://mein.in/using-other-package-managers-with-node-has-become-a-whole-lot-easier)
740. Delete and Earn
Tags: cpp, algorithms, programming, 100daysofcode
Published: 2022-03-05 10:20:31

# Description

You are given an integer array `nums`. You want to maximize the number of points you get by performing the following operation any number of times:

- Pick any `nums[i]` and delete it to earn `nums[i]` points. Afterwards, you must delete **every** element equal to `nums[i] - 1` and **every** element equal to `nums[i] + 1`.

Return *the **maximum number of points** you can earn by applying the above operation some number of times*.

## Example 1:

```
Input: nums = [3,4,2]
Output: 6
Explanation: You can perform the following operations:
- Delete 4 to earn 4 points. Consequently, 3 is also deleted. nums = [2].
- Delete 2 to earn 2 points. nums = [].
You earn a total of 6 points.
```

## Example 2:

```
Input: nums = [2,2,3,3,3,4]
Output: 9
Explanation: You can perform the following operations:
- Delete a 3 to earn 3 points. All 2's and 4's are also deleted. nums = [3,3].
- Delete a 3 again to earn 3 points. nums = [3].
- Delete a 3 once more to earn 3 points. nums = [].
You earn a total of 9 points.
```

## Constraints:

- `1 <= nums.length <= 2 * 10^4`
- `1 <= nums[i] <= 10^4`

---

# Solutions

## Solution 1

### Intuition

1. store number’s frequent, `cnt[i]` means number i ‘s frequenct.
2. `f[i][0]`means the max value without picking `nums[i]`, which from 0 to i
    1. `f[i][0] = max(f[i-1][0], f[i-1][1])`
3. `f[i][1]`means the max value with `nums[i]`, which from 0 to i
    1. `f[i][1] = f[i - 1][0] + i * cnt[i];`
4. return max result

### Code

```cpp
const int N = 10010;
int cnt[N], f[N][2];
class Solution {
public:
    int deleteAndEarn(vector<int>& nums) {
        memset(cnt, 0, sizeof cnt);
        memset(f, 0, sizeof f);
        int res = 0;
        for (int num : nums) cnt[num]++;
        for (int i = 1; i < N; i++) {
            f[i][0] = max(f[i - 1][0], f[i - 1][1]);
            f[i][1] = f[i - 1][0] + i * cnt[i];
            res = max(res, max(f[i][0], f[i][1]));
        }
        return res;
    }
};
```

### Complexity

- Time: O(n)
- Space: O(n)
Introductory Post
Tags: javascript, webdev, web3, python
Published: 2022-03-05 10:03:49

Hello Everyone👋!
I'm **Prathamesh** a 2nd year IT student from 🇮🇳

Join me to learn and grow together 🔗@prathameshpowar1910 

Stuff WE will learn👇
💻Full Stack Web Development

☑️HTML 📝
☑️CSS 🖌️
☑️Bootstrap CSS
☑️TailWind CSS
☑️JavaScript 🔧
☑️jQuery
☑️React.JS
☑️Express.JS
☑️Node.JS
☑️REST APIs
☑️SQL
☑️MongoDB 
☑️Git & GitHub 🌐

💻DSA

☑️Java 
☑️Python
💻DevOps

☑️Kubernetes
☑️Docker
☑️Cloud Native 
☑️YAML & Much More

💻Miscellaneous stuff I'm going to post about

☑️Blockchain
☑️Ethereum and Solidity
☑️Cryptocurrencies
☑️Stock Market Trading
☑️And also some FUN Memes 

Twitter :  [prathamesh_1910](https://twitter.com/prathamesh_1910)

Instagram : [prathameshpowar_](https://www.instagram.com/prathameshpowar_/)

LinkedIn: [Prathamesh Powar](https://www.linkedin.com/in/prathamesh-powar/)

🔥So be sure to follow me to **LEARN** & **GROW** TOGETHER🔥
Flutter Developers Hourly Rate in India
Published: 2022-03-05 08:05:01

Flutter developer hourly rate in India depends on his/her experience and skills. Hiring a dedicated flutter developer from India is one of the most cost-effective methods preferred by most American, European, and middle-eastern countries.

Consider hiring a senior flutter mobile application developer as they will work faster and won’t need as much guidance as an inexperienced one. Hiring a senior flutter developer will cost more in terms of the hourly rate, but it will pay off when your app is launched earlier than expected.

The average hourly rate of flutter developers in India varies between $15 - $50 per hour and might differ based on the working model you prefer such as part-time, full-time, etc. for hiring a dedicated flutter developer.

WebClues Infotech with a talent pool of 150+ in-house developers can offer you a dedicated flutter developer based on your skills and experience requirements. A presence in 5 countries with its 8 offices boosts the confidence of the companies/start-ups looking to hire a dedicated flutter developer.

**WebClues Infotech** can also offer you designers and developers required to build a complete web and mobile app development solution including AI, Blockchain, etc.

I hope the post helps you with the required information to hire a flutter developer.
Gzip Middleware recipe for FastAPI
Tags: fastapi, gzip, starlette, middleware
Published: 2022-03-05 09:56:24

**Originally published on my** [blog](https://www.gealber.com/gzip-middleware-fastapi)

Not a full and long article, but a hacking recipe to process incoming Gzipped requests. This example is with FastAPI, but could be used as well with Starlette applications.

```python

from fastapi import FastAPI
from starlette.types import Message
from starlette.requests import Request
from starlette.middleware.base import BaseHTTPMiddleware
import gzip          
        

class GZipedMiddleware(BaseHTTPMiddleware):
    async def set_body(self, request: Request):
        receive_ = await request._receive()
        if "gzip" in request.headers.getlist("Content-Encoding"):
            print(receive_)                                     
            data = gzip.decompress(receive_.get('body'))
            receive_['body'] = data

        async def receive() -> Message:
            return receive_

        request._receive = receive                

    async def dispatch(self, request, call_next):
        await self.set_body(request)        
        response = await call_next(request)                
        return response

    

app = FastAPI()

app.add_middleware(GZipedMiddleware)


@app.post("/post")
async def post(req: Request):
    body = await req.body()
    # I decode here, assuming that I just compressed
    # a text file, in other use case you should use
    # the appropiate decoder.
    return body.decode("utf-8")

```
Self-mastery
Tags: discuss, personal, improvement, growth
Published: 2022-03-05 09:26:15

---
title: Self-mastery
published: true
description: No matter the level of achievement in external things, mastering oneself is the greatest one
tags: discuss, personal, improvement, growth
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mzpv3dxf7cpcdnbwknff.jpg
---

> No matter the level of achievement in external things, mastering oneself is the greatest one.

---

_Originally published on [my blog](https://www.nikola-breznjak.com/blog/daily-thoughts/self-mastery/)._

This is [why I write](https://www.nikola-breznjak.com/blog/daily-thoughts/why-do-i-write-these-daily-thoughts-posts/) these 'daily thoughts' posts.
MathPage: An 11ty Template for Math Problem Lists
Tags: 11ty
Published: 2022-03-05 09:01:27

After (less than) 1 day of easy development, the unflexible, unextensible, unresponsive (okay responsive actually) and fully uncustomizable 11ty template [MathPage](https://github.com/BeOnDrag/MathPage) has come out. [See the demo here!](https://beondrag.github.io/MathPage/out/pages/example/)

This template uses jQuery and KaTeX. The template suffix is `.mpls` (MathPage List). The format is like this:

```
# Page Title

## Category

Problem name
---
Problem
---
Hint
---
Solution
===
Problem name
---
Problem
---
Hint
---
Solution
```

(Trailing new lines is acceptable.)

It supports Markdown for styling. You will never see a worse template than this one elsewhere!

---

Okay this template is mainly for myself so I won't make it very good. But if you like it... thank you.
Postman
Tags: postmanstudent, postmanapi, sgvupostman
Published: 2022-03-05 08:54:11

Recently, one of my seniors organized a workshop on API 101 by Postman. There I get to know about the API and the Postman platform more clearly. And I know it is going to be very helpful for me as I am doing an Android course where I need to use API. We all got useful information from him and he guided us. No doubt he is a good speaker as I understand everything very clearly.
Thank You, Postman and SGVU for this workshop and speaker Harsh Mathur too.