teleren/devto huggingface dataset:
VSCode extension : ⚙Auto Export Js Variables/Functions
Published: 2022-10-28 13:27:22

While exporting variables one by one, I came up with vscode extension that can automate this task.

This extension **automatically exports any exportable javascript or typescript declarations** including variable, function, type, interface, class, etc.

It will be especially useful when using styled-components.

![how to use](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/szhm36py1l0gxa5wukpg.gif)

- Install here: https://marketplace.visualstudio.com/items?itemName=Jinho1011.auto-export-js

- Check out the repo here: https://github.com/Jinho1011/vscode-auto-export
Golang Developer
Tags: beginners, programming, tutorial, go
Published: 2022-10-28 13:24:14

Golang (also called Go) is a statically typed, compiled programming language build for industry professionals and it was launched by Google in 2009. The language combines the efficiency of C++ efficiency and the readability of Python, Which makes Golang popular between developers now days.

The Go programming language is used by Golang developers to create websites and apps, which can optimize the entire system. Go offers subprograms to run their actions simultaneously with the help of Concurrency. Various programming languages implement concurrency but Golang does this with a twist. It doesn’t follow the threading model for concurrency; it follows the Communicating Sequential Processes(CSP) model. Working with Go and its full range of tools and frameworks is part of a Golang developer’s job description. Most Go programmers also test and debug their code.

## Learn the basics of Go

To become a Golang developer, you must have a knowledge of the language and its syntax. You can either install the language and teach yourself, or you can enroll in an online course to help you get started. A decent learning route for Go will look something like this:

1. Filenames, keywords, identifiers
2. Operators, types, functions, and constants
3. Pointers, structures, methods
4. Maps, arrays, slices
5. Go CLI
6. Interface
7. Error handling
8. Goroutine, Channel, Buffer, Concurrency
9. Panic, Defer, Error handling, Recover
10. Go design patterns


## Understanding of Go libraries and other Go tools

Once you have the basics of the language down, you should move onto the add-on(external packages) libraries and tools that make Go easier to use. Most companies will expect that you have experience with:

- Go dependency management tools
- Semantic versioning
- Scripts and repositories
- Go Standard libraries
- SQL fundamentals
- GIT
- Basic authentication
- HTTP/HTTPS
- Web frameworks and routers
- Relational databases (PostgreSQL)


## Learn testing with go

As a Go developer, you’ll be building products for the real-world, so you need to test your products for usability and reliability:

- Unit testing
- Integration testing
- Behavior testing
- E2E testing

## Go patterns

Go offers similar design patterns to other languages that fall under these general categories:

- Structural
- Creational
- Behavioral
- Concurrency
- Stability


[Resources to learn Golang](https://programmingeeksclub.com/golang-developer/)

Checkout more articles like this [here](https://programmingeeksclub.com)
Solr throwing authentication error in local windows
Tags: solr
Published: 2022-10-28 13:24:04

Any help with the following issue is greatly appreciated. 

We are using Solr 8.11.2.
we are getting exception while creating collection using solr UI.
We installed solr in local windows laptop.

this is the error:
Caused by: org.apache.solr.common.SolrException: The configset for this collection was uploaded without any authentication in place, and use of <lib> is not available for collections with untrusted configsets. To use this component, re-upload the configset after enabling authentication and authorization.
        at org.apache.solr.core.SolrConfig.initLibs(SolrConfig.java:848) ~[?:?]
        at org.apache.solr.core.SolrConfig.<init>(SolrConfig.java:238) ~[?:?]
        at org.apache.solr.core.SolrConfig.readFromResourceLoader(SolrConfig.java:158) ~[?:?]
        at org.apache.solr.core.ConfigSetService.createSolrConfig(ConfigSetService.java:123) ~[?:?]
        at org.apache.solr.core.ConfigSetService.loadConfigSet(ConfigSetService.java:95) ~[?:?]
        at org.apache.solr.core.CoreContainer.createFromDescriptor(CoreContainer.java:1455) ~[?:?]
        at org.apache.solr.core.CoreContainer.create(CoreContainer.java:1342) ~[?:?]
        ... 49 more
2022-10-27 12:04:44.594 INFO  (qtp1984975621-23
the new next is here
Tags: webdev, javascript, nextjs, programming
Published: 2022-10-28 13:03:28

**Hello there!**

Hope everyone is doing fantastic! _Duh! Why are you even so enthusiastic about anything_, I hear you say. Well, I am excited because one of web's most beloved frameworks, [Next.js](https://nextjs.org) just got its new version - `13.0.0`. Announced at the [Next.js conference](https://nextjs.org/conf), it lays the foundations to be dynamic without limits.

It has created a lot of noise in the developer community as the version comes packing with an alpha version of a faster bundler, called Turbopack, as well as a redesigned approach to server rendering, routing, layouts, and data fetching. 

Let's talk about the new [Turbopack bundler](https://vercel.com/blog/turbopack), written in Rust. It is positioned as a successor to [Webpack](https://webpack.js.org/). Offering improved speed and a better architecture, Turbopack is a build system for JavaScript and TypeScript that is designed for incremental builds. Turbopack is 700 times faster than Webpack when working with large applications, the parent company of Next, [Vercel](https://vercel.com/) said.

We also have an enhanced version of the framework's filesystem-based routing system. It sets out to make it easy to lay out complex interfaces and maintain state across navigations, all while avoiding expensive re-renders. So now we get to save 8 seconds of build time each time we hit save xD!

The gods on the side of Next listened to our prayers and have improved on the existing `Image` component, making it easier to display images with less layout shift and better optimisation of files. On a similar front, there's also a new font system that automatically optimises fonts and automatically uses the CSS size-adjust property.

All's sweet as honey as we go on about the new changes. Let's have a look at what's going to break when we finally run [that](https://nextjs.org/docs/upgrading) `npm i next@latest react@latest react-dom@latest eslint-config-next@latest` command - 

- The minimum Node.js version has been bumped from `12.22.0` to `14.0.0`, since 12.x has reached end-of-life.
- The minimum React version has been bumped from `17.0.2` to `18.2.0`.
- The swcMinify configuration property was changed from false to true.
- The next/image import was renamed to `next/legacy/image`. The `next/future/image` import was renamed to `next/image`.
- The next/link child can no longer be `<a>`.

Huff! That was a LOT of fanboying over a single update. See you later folks, happy deving!
Follow Friday: Rust Edition (28 October 2022)
Tags: meta, writing, rust
Published: 2022-10-28 13:00:00

_Happy Friday, friends! 🎉 Follow Friday is your weekly opportunity to shout out fellow DEV Community members doing awesome work. Check out the comments and follow someone new!_

Rust is a multi-paradigm programming language designed for performance and safety, especially safe concurrency. [It has a great mascot](https://rustacean.net/). And it sure seems to be growing in popularity! 

How do I know? Because this keeps happening to me on Twitter:

{% embed https://twitter.com/gplusdotgr/status/1585280629385662465 %}

So, devs! Who are your favorite ~~authors~~ Rustaceans writing about Rust? 🦀

_**Formatting tip**: to populate a card with a follow button, use the liquid tag syntax `{% embed https://... %}` and insert the URL of your favorite author's profile._

Join in on the #FollowFriday fun by @mentioning your favorite author to follow on the topic of Rust (and letting us know why you love their posts!) ⤵️
Creando mecánicas: rotar una caja
Tags: unity3d, scripting
Published: 2022-10-28 12:58:08

Queremos construir una mecánica que nos permita poder mover una caja, pero rotándola  de un punto de referencia (pivot), esto se quiere conseguir para lograr mecánicas de puzzles en las cuales los personajes deberán mover las cajas formando cierto patrón, esquivando obstáculos o para que la orientación de la caja exponga un elemento que permita avanzar en el escenario, como una escalera.


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

para lograr esto, usaremos un método de **transform**:

```C#
transform.RotateAround(Vector3, Vector3, float);
```

el primer parámetro es la dirección en la que queremos girar, imagina que quieres empujar una caja con tus manos, la dirección de tus manos es el vector que deberá ir aquí.

el segundo parámetro es la posición del pivot, es decir, el punto en el que nuestra caja se ancla y donde está el eje de giro, que es perpendicular al de la dirección.

Finalmente, el ultimo parámetro es la cantidad de giro que queremos.


```C# 
void turningBox(){

    if(isTurning){

        float currentAmount = speed * Time.deltaTime;
        amount += currentAmount;

        if(amount >= 90.0f){
            isTurning = false;
            amount = 0.0f;
            return;
        }

        transform.RotateAround(pivot, direction, currentAmount);

    }
}

```
como lo que queremos es girar en 90 grados nuestra caja en algún sentido, cuando la variable booleana **isTurning** esta en **true** la variable **amount** va acumulando giro, hasta llegar a los 90, es en ese momento que paramos el giro.

el método **turningBox** lo ejecutamos en cada **frame**
```C#
void Update(){
    turningBox();
}
```

Ahora debemos preguntarnos cómo calcular el **pivot** y la **dirección**


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



```C# 
void TurningToDirection(Vector3 pivotVector, Vector3 forceDirection){
    if(isTurning) return;
    pivot = transform.position  + (pivotVector - Vector3.up) * size;
    direction = forceDirection;
    isTurning = true;
}
```

Dependiendo de donde queramos empujar, debemos calcular el pivot de esta forma:
```C#
transform.position  + (Vector3.right - Vector3.up) * size;
```
desde la posición de nuestra caja, sumamos el vector de donde vamos a empujar (en el ejemplo right) y siempre restamos Vector3.up, para que sea nuestra fondo, eso lo multiplicamos por el **size** (que en realidad es la mitad del tamaño de la caja).

finalmente, tengo 4 métodos que mueven la caja en la dirección deseada, pasándole sus respectivos vectores.

```C# 
void TurningToRight(){
    TurningToDirection(Vector3.right, Vector3.back);
}

void TurningToLeft(){
    TurningToDirection(Vector3.left, Vector3.forward);
}

void TurningToFront(){
    TurningToDirection(Vector3.forward, Vector3.right);
}

void TurningToBack(){
    TurningToDirection(Vector3.back, Vector3.left);
}
```

Happy Coding!!
First blog post
Tags: javascript, beginners, programming
Published: 2022-10-17 03:33:04

Starting off with learning javascript for the past week and everything has been very stressful yet interesting. I have a lot to learn still and I'm hoping things become easier as I progress. I've always wanted to be a coder but wasn't a fan of the US School system and decided to work while I decided with what I want to do but as I went through jobs and progressed I started realizing how expendable I am in a physical job setting and decided I wanted to continue my education and start my journey into finally learning how to code. So far I've been learning javascript, HTML, css, how the DOM works, and all things included. We've had to do a month worth of prep work before then and that was very stressful and I'm glad that we're starting live lessons because I feel like I'm learning a lot more compared to during the prep work phase, but it definitely helped. I've learned somethings for example to use textContent rather than innerHTML for situations that involve making the user input information since people can possibly hack that information. I'm currently learning functions and scopes and am very confused but hopefully I'll learn a lot more.
Dicionário shell
Published: 2022-10-28 12:54:38

Problema: Eu tenho uma entrada de duas listas de números assim:
[3,2,6,4,1,7,5],[3,4,1,2,5]
quero fazer o mapeamento deles para strings

Eu aprendi:
``` 
declare -A dev
dev[5]=marina
```

também vi que:
```
c=[3,2,6,4,1,7,5],[3,4,1,2,5]
p=${c%],*}
echo $p
->[3,2,6,4,1,7,5
p=${p#[}
echo $p
->3,2,6,4,1,7,5
```

Próximo passo é iterar esses números!
React And Nodejs – An Ideal Combination For Web App Development
Tags: react, node, webdev, news
Published: 2022-10-28 12:42:38

React and NodeJS are the two most popular front-end JavaScript technologies used to create user-focused websites. React is a well-known JavaScript front-end library that can create interesting user interfaces. However, Node.js, a server-side JavaScript ecosystem, aids programmers in [building scalable web applications](https://www.sufalamtech.com/blog/step-by-step-guide-to-build-scalable-web-applications) with high efficiency and reduced latency.

Together, they support developers in creating web applications that are low-latency, extensible, and fully functional. For developers building full-stack online applications, combining Reactjs and Node.js will be quite beneficial.

Check out this article for more information if you want to use these two ready-made technologies to create incredible full-stack [web applications](https://dev.to/omdevsinhgohil/step-by-step-guide-to-build-scalable-web-applications-hhc).

## What is Reactjs development? 

React JS is a front-end JavaScript framework that makes use of pre-existing UI elements to create data-driven web apps that provide users with a dynamic view. 

In addition, the responsive features and functionality of [React JS](https://react.dev/) make it the most useful framework that can run on several platforms, based on the stack overflow developer survey.

## What is Nodejs? 

Node.js is developed in Google Chrome by utilizing the JavaScript engine V8. It is an open-source language of programming that can operate on several platforms and that, in turn, speeds up [web application development](https://www.sufalamtech.com/web-application-development). If you utilize Node.js in conjunction with the JS language and extensions, there are not any chances of plagiarism. 

With a JS execution environment, it enables you to create a distinctive back-end for your application. It is an event-driven platform and a great choice for programs that use a lot of data. It can operate on a variety of platforms and accelerate code execution.

Read More: https://bit.ly/3NhTlhK

**Related Article:** [Build Real-Time Application Development with Node.js](https://dev.to/omdevsinhgohil/build-real-time-application-development-with-nodejs-oca)
Challenges businesses face while updating a Rails application
Published: 2022-10-28 12:42:28

Ruby on rails is the most popular framework preferred by majority of the business owners to build an application. It has been more than sixteen years since the introduction of ROR and it has always been a preferred choice of all. With time rails comes with an upgradation along with new features for the users. 

Many of us are not aware of the **rails upgrade service** and get confused about how to deal with it.  There are challenges business owner faces while upgrading a rails application. Here we will be talking about such challenges businesses come across:


**1.Lesser test coverage:**

The absence of test coverage is perhaps the most difficult issue you will face during the update process. There is no need to freak out, even if you did get a project that wasn't thoroughly tested. Breathe deeply and begin with developing tests for the fundamental functionality. The least you can do to protect the integrity of the update process is to carry out that action.

**2.Dependent gems:**

There's a risk you might not be able to upgrade right away if your Rails application depends on a few independent Ruby gems. In order for the gem to be fully compatible when the final version of Rails is released, gem maintainers should test their project with a pre-release Rails version. In the actual world, however, less actively produced gems frequently require more time and testing before they can be released.

**3.Preserving the integrity of the app:**
The most cutting-edge technologies and most recent style manuals are only useful if the program functions as intended in the end. The danger of missing some bugs increases as there are more program upgrades to push out. [Rails upgrade services](https://www.bacancytechnology.com/rails-upgrade-service) are especially true for programs that tens of thousands of users use every day.

## Conclusion:
However, we can say that _rails upgrade services_ may be challenging for beginners but surely helps businesses in a great manner to create a competitive advantage in the market for a longer duration. Working with the latest ROR version makes developers waste more time in coding and increases business productivity.
Microservices Security Best Practices
Tags: microservices
Published: 2022-10-28 12:19:38

Microservices are transforming application development and replacing traditional monolithic architectures for building and deploying applications.

Organizations that are adopting the microservices architecture face many security challenges. Because the technology is still nascent, a lack of awareness and skill enables bad actors to exploit security loopholes.

Good microservices security implementation offers a great depth of security and places multiple levels of security implementations at each stage of development.

Below are some of the best Practices for Microservices Security:

1. Scan dependencies: A dependency exists when one resource or any part of the project or application relies on another. Using third-party code can bring external dependencies into the application. Tools like GitHub’s Dependabot can be used to analyze the source code and identify vulnerable dependencies.
2. 
3. Use API gateways: As the scale of an application increases, it becomes more difficult to keep track of individual APIs. Using an API gateway makes tracking easier to manage as the API gateway provides a single entry point for all API communication.
4. 
5. Implement monitoring at the services level: It is appropriate to have security solutions and tools that monitor and protect the application at the service level to ensure security. Some good monitoring tools include Prometheus, Sysdig, Trace, and Sensu.
6. 
7. Use automation testing tools: Automation is a crucial aspect of implementing security. Misconfigurations cause the most security incidents, so it is important to use automation testing tools. 

Here are some popular automation testing tools:

- JMeter and K6 for performance testing
- Mocha and Jest for integration and unit testing
- Chaos Monkey for testing resiliency
- Pact for contract testing
Have good identity and access control measures: Access management measures should be in place at both the user level and services level. 

For more info: https://skolaparthi.com/microservicessecurity/
Movie Loft - A Movie DB API Client
Tags: beginners, tutorial, react, javascript
Published: 2022-10-28 12:18:44

Hello DEVs,
    Check out this react app I made as a begginer. To put it simply, this app is a client of [TMDB's API](https://developers.themoviedb.org/3).

  It displays a list of Popular, Now playing, and Top Rated movies/tv_shows on the homepage, as well as a search bar.

![App screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hiiawrixrlt7xn5nbyfc.png)


  It obviously has a search result page that displays the entire search result array from the API response.

  And a separate page rendered for each movie/tv_show when the resulting card from the search result or homepage list is clicked.

  Have a look on this live site: [Movie Loft](https://movie-loft.netlify.app/)

If this project intrigues you, you can find the source code here: [Github](https://github.com/shinjith-dev/movie-loft)

If you're unfamiliar with APIs, here's how I set one up,
### Setup API 
1. Sign up on [TMDB](https://www.themoviedb.org/) website
2. On mainpage, go to top right avatar icon>settings>API or [follow this link](https://www.themoviedb.org/settings/api)
3. Request for `API_KEY`
4. Once you've obtained your key, assign it as the default `Authorization` header of `axios` requests,

    ```
    axios.defaults.headers.common["Authorization"] = 
        `Bearer ${<API_KEY>}`;
    ```
   
    (Axios is a Javascript library used to make HTTP requests)
5. Now, follow the [Developer docs](https://developers.themoviedb.org/3) to start making requests.

  In addition, to save time on UI development, I've used [Material UI](https://mui.com/).

Thank you for your time. Have a wonderful day <3
Diagnostic analytics | Data Analytics | Intellipaat
Tags: dataanalytics, dataanalyticscourse, dataanalyticstraining
Published: 2022-10-28 12:12:19


While descriptive analytics focuses on the "what," diagnostic analytics investigates the "why." When performing diagnostic analytics, data analysts will first look for anomalies in the data, or anything that cannot be explained by the data in front of them. For instance, if the data shows a sudden drop in sales for the month of March, the data analyst must investigate the cause.

**_Upskilling and staying current in the workplace require a [Data Analyst Course](https://www.youtube.com/watch?v=wBdb5ZjUO8o). _**

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

To accomplish this, they will begin the discovery phase, in which they will identify any additional data sources that may reveal more about why such anomalies occurred. Finally, the data analyst will look for causal relationships, such as events that may correlate or correspond with the decrease in sales. Data analysts may use probability theory, regression analysis, filtering, and time-series data analytics at this stage.
Banking As a Service
Tags: cloud, banking
Published: 2022-10-28 12:11:48


Banking As a service or BaaS allows non-banks to offer core financial services to their customers by integrating with banks via APIs. Non-banks (like fintech and even non-fintech businesses) build products on top of the traditional banking infrastructure.

Let us say you own an online ticketing platform like BookMyShow.

Naturally, you want to increase sales and boost customer loyalty. So, here’s what you decide to do:

Offer customized cards to your customers.
Loyalty points for each purchase
One-click loans for upcoming shows.
Cash backs
We might think it is easy to achieve the above.

Offering banking services to customers comes with a lot of strings attached. In fact, We need to have a banking license or other related licenses for offering banking services like depositing and lending assets.

For Example, you need:

PPI (pre-paid instrument license) for issuing pre-paid cards.
NBFC license for offering loans for upcoming shows.

Above licenses are hard to obtain from government.

For more info: https://skolaparthi.com/introduction-to-banking-as-a-service