teleren/devto huggingface dataset:
White Paper Writing Services Company - Developcoins | Hire Professional Writers
Tags: whitepaper, writer, whitepaperwritingservices, business
Published: 2021-09-29 09:17:07

Introduction

A whitepaper is an informational document made to promote or highlight the features of a product, service, or solution.White papers are ideal as a component of any sales strategy. 

White papers build up your brand as an expert in a given industry or on a particular point. They utilize expertly created content to help validity among your target audience and exhibit industry thought initiative. 
	
What is a Crypto Whitepaper?

A document released by a crypto project that gives investors technical information about its concept, and a roadmap for how it plans to grow and succeed.
White Paper explaining all the features of your model which is essential to raise funds.
https://www.developcoins.com/white-paper-writing-services

White Paper Writing Services,

Developcoins Provide Multi Crypto Writing services for all Businesses.Here,

Cryptocurrency White Paper Writing Services
ICO White Paper Writing Services
STO White Paper Writing Services
Crypto Exchange White Paper Writing Services
DeFi White Paper Writing Services
NFT White Paper Writing Services
	
Benefits Of Our WhitePaper

Lead generation
Sharing of technical knowledge
Gains competitive edge
Creates legitimacy
Publicizes a firm
Creates awareness

Our White Paper Includes,

A whitepaper is a research guide that provides total information about the project.  So that it is important to make Whitepaper for your ICO Project.
 Here’s mention the structure of an white paper document,
          
Industry Overview
Introduction
Team Members
Road Map
Token Distribution
Reference
Solution
Risk Factors
Disclaimer
FAQ

We serve all Business and Industries Sectors.

Why You Should Choose Developcoins For Whitepaper Writing Services? 
In the cryptocurrency world, Developcoins helps entrepreneurs by writing and delivering quality whitepapers. Our Expert Developer delivers High quality whitepaper with Smart Contract for your all business aspects.
We have Successfully launch your Tokens/Coins within less than a minute using different Blockchain networks like Ethereum, Tron, EOS, Binance Smart Chain, Matic, Ripple, and more Also  We offer Crypto Wallet and Payment Gateway, CryptoExchange, Blockchain, NFT, DNFT Development,NFT Clone Scripts, ICO, IDO, IEO & STO, etc.,
Visit: https://www.developcoins.com/white-paper-writing-services
ICO WhitePaper - https://www.developcoins.com/ico-whitepaper-writing-services
Book A Free Consultation via #Call/Whatsapp: +91 9843555651
Telegram - https://t.me/Developcoin
Wednesday Links - Edition 2021-09-29
Tags: java, kotlin, jvm, git
Published: 2021-09-29 08:52:34

CLI app with Kotlin and picoCLI (9 min) 😺
https://foojay.io/today/building-command-line-interfaces-with-kotlin-using-picocli/

How can you configure Spring? (7 min) 🧐
https://blog.frankel.ch/multiple-ways-configure-spring/

Test JKD Flight Recorder Events (4 min) 🛁
https://www.infoq.com/news/2021/09/jfrunit-flight-recorder-events/

Define dynamically anonymous class in JDK17 (15s) 🤯
https://twitter.com/sundararajan_a/status/1441283846738042884

Git internals (13m) 🦠
https://cuddly-octo-palm-tree.com/posts/2021-09-19-git-elements/

Loom is coming (20s) 🔭
https://twitter.com/OpenJDK/status/1441374384321703936

kotlinx.serialization 1.3 released 🎉 (7 min)
https://blog.jetbrains.com/kotlin/2021/09/kotlinx-serialization-1-3-released/

Java Thread Affinity 📊 (3 min)
https://github.com/OpenHFT/Java-Thread-Affinity
Nestjs #CLI - generate in a specific folder
Tags: node, typescript, nestjs
Published: 2021-09-29 08:46:55

En este caso podemos ver la configuración del "nest-cli.json":
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/741i8bq7h6ffqtmz1otg.png)
 

Por esta razón la Cli de Nestjs genera dentro de esta carpeta los modelos por defecto.
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wrym8sne2q4clvtbfych.png)


Ahora vemos la estructura de cada modulo de esta manera (esta estructura no se crea por defecto sino que se creó para este ejemplo):
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s9qwlffoxxzdu5f1m3wn.png)

#AHORA PARA GENERAR UNA CLASE - EN UN DIRECTORIO EN ESPECIFICO
Ejemplo:
SI DESEAS CREAR UNA NUEVA ENTIDAD EN LA CARPETA 
src/modules/users/entities
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fpdr8k7wcrjjr254zieh.png)

ENTONCES GENERA:
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mzj0pzoceo1r411vf5m4.png)
  
Listo!
Brotopia, an eye-opening book by Emily Chang
Tags: diversity, books, discuss
Published: 2021-09-29 08:28:14


Let me start with a short disclaimer: I know it is a book from 2018 and I know that it has already been talked about a lot and I am  **inexcusably late**.

However, I’ve recently been reading “**Brotopia: Breaking Up the Boys’ Club of Silicon Valley**” by  [Emily Chang](https://twitter.com/emilychangtv)  I cannot stress enough how shattering and eye-opening it is.

It describes clearly what kind of  **violence**,  **pain,**  **stress**  and  **pressure**  a woman must go through to work in many companies in the Silicon Valley.

According to the author, the Tech Industry is a male-dominated environment and the women are excluded form it: a retrograde, discriminatory and toxic culture.

I think it’s very important for everyone to read this book since the  _bro-culture_  it’s very common and much broader than IT companies.

> Silicon Valley’s aggressive, misogynistic, work-at-all costs culture has shut women out of the greatest wealth creation in the history of the world. It’s time to break up the boys’ club. Emily Chang shows us how to fix this toxic culture–to bring down Brotopia, once and for all.
> 
> [Goodreads](https://www.goodreads.com/en/book/show/36288143-brotopia)

You can read an excerpt from the book  [here](https://www.vanityfair.com/news/2018/01/brotopia-silicon-valley-secretive-orgiastic-inner-sanctum), follow the  [author on Twitter](https://twitter.com/emilychangtv).


(Cover image credits: https://twitter.com/emilychangtv)
Detect active links in Next.js
Tags: nextjs, react
Published: 2021-09-29 08:22:21

Now that we have an almost complete Next.js website driven by WordPress let's see how we can detect the active links.

Feel free to follow along by using this [GitHub repo](https://github.com/rebelchris/next-tailwind/tree/layout) as your starting point.

## Migrating to Next.js Links

Before we can add our active link check we need to migrate our existing hrefs to the Next.js Link component.

To do so, open up the `Header.js` component and include the Link component.

```js
import Link from 'next/link';
```

Then we need to wrap our href into this Link component like so:

```js
<Link href={item.node.connectedNode.node.slug}>
  <a className="cursor-pointer p-4 ml-2 text-white">{item.node.label}</a>
</Link>
```

This doesn't change the effect we see on the frontend; however, it's the best way to navigate Next.js applications.

## Adding the active route check

Ok, so now how do we check which is the active link?

First of all, we need to introduce the `useRouter` from the Next router.

```js
import {useRouter} from 'next/router';
```

And inside our Header function define it like so:

```js
const router = useRouter();
```

Then we can use a dynamic className on our `a` element.

```js
<a
  className={`cursor-pointer p-4 ml-2 text-white ${
    router.asPath === `/${item.node.connectedNode.node.slug}`
      ? 'underline'
      : ' hover:underline'
  }`}
>
  {item.node.label}
</a>
```

We use the router `asPath`, which returns something like `/sample-page` to check against the slug we are setting.

In my case, I have to include the `/` in the beginning because it's not set on my slug object.

And that's it. We now have styled our active pages with an underline.

![Active link in Next.js](https://cdn.hashnode.com/res/hashnode/image/upload/v1632325332369/7kZk7SdxT.png)

And as usual, you can find the complete code on this [GitHub repo](https://github.com/rebelchris/next-tailwind/tree/active-link).

### 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)
How to Reduce your Android release App size, up to 47% or even more — React Native
Published: 2021-09-29 08:11:15

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8siwjkp9eh7fqfobx74s.png) 

After finished developing and building your app, you then realise that it is somewhat bigger than what you prefer. 
The first thought that comes to your mind is "how can this be reduced?"
Consider using Hermes to achieve this.

In one of our apps at [Quick Component](https://www.quickcomponent.com/), we experienced about 19.2 percent decrease in app size when building release with Hermes. See the image below.

Without Hermes
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rcbdsytzfloomhvigqtl.png)

With Hermes
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6q3df0l55fglxgh07jsv.png)

Also checkout another app where about 47% decrease in app size was experienced using Hermes.
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gvu8a5j5awtqldzjtz6z.png)
   

How do we build with Hermes?
You only need to edit one or two files.


In android/app/build.gradle enable Hermes

```
 project.ext.react = [     
    entryFile: "index.js",          
    enableHermes: true  // clean and rebuild if changing 
 ]
```

Also, if you're using ProGuard, you will need to add this rule in proguard-rules.pro :

```
-keep class com.facebook.hermes.unicode.** { *; }
```

Next, if you've already built your app at least once, clean the build:

```
$ cd android && ./gradlew clean
```
And now you can build ur release as you would normally do  with

```
./gradlew bundleRelease
```

Also note that There are other benefits to using hermes like stated here: 
Hermes is an open-source JavaScript engine optimized for running React Native apps on Android. 
For many apps, enabling Hermes will result in improved start-up time, decreased memory usage, and smaller app size.


Also, ensure you're using at least version 0.60.4 of React Native.

Checkout a fully functioning templates with backend like the [Dating app](https://www.quickcomponent.com/react-native-dating-app), [Whatsapp clone](https://www.quickcomponent.com/react-native-whatsapp-clone)(with audio and video calling), [UberEats clone](https://www.quickcomponent.com/react-native-uber-eats-clone) and more built with React Native.
Search Autocomplete Stimulus
Tags: rails, stimulus, tutorial, webdev
Published: 2021-09-29 08:03:46

<small>Orginally published at Medium on Feb 21st 2020.</small>

Learn how to set-up a search autocomplete with Stimulus. A user can see query results after typing in the input field. The Stimulus Autocomplete library is a Stimulus controller that provides an easy solution to auto-completion.

![Autocomplete gif](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tzxsbyk0y47e0kfgy26y.gif)

1. [Install package](#1-install-package)
2. [Import library](#2-import-library)
3. [Add-basic-HTML-layout](#3-add-basic-html-layout)
4. [Create route](#4-create-route)
5. [Create controller method](#5-create-controller-method)
6. [Create results view](#6-create-results-view)

## Before you start

Make sure you have Stimulus installed. Check the package.json file or run `yarn why stimulus`. If Stimulus is not yet installed, follow the [documentation](https://stimulus.hotwire.dev/handbook/installing).

## 1. Install package

Add [stimulus autocomplete](https://github.com/afcapel/stimulus-autocomplete) to your project:
`yarn add stimulus-autocomplete`

---

## 2. Import library
Add to the index.js file
```js
import { Application } from "stimulus"
import { Autocomplete } from "stimulus-autocomplete"

const application = Application.start()
application.register("autocomplete", Autocomplete)
```

---

## 3. Add basic HTML layout

```erb
<div class="max-w-xs mx auto bg-white">

  <div data-controller="autocomplete" data-autocomplete-url-value="/autocomplete">
    <input type="text" class="w-full" data-autocomplete-target="input" placeholder="Type to search..."/>
    <ul data-autocomplete-target="results"></ul>
  </div>
</div>
```

Let’s add a wrapper around to narrow the input field and search results.

- `data-controller=”autocomplete"` scopes the imported controller to the div
- `data-autocomplete-url-value` sets the route to get the search results from
- `data-autocomplete-target=”input”` listens for a keyboard change and reads the input field
- `data-autocomplete-target=”results”` is the wrapper to inject the result list items in

---

## 4. Create route

```ruby
get '/autocomplete' , to: 'products#autocomplete'
```

---

Fetch the HTML search results that should be displayed at the user types

## 5. Create controller method

```ruby
def autocomplete
  @search_results = ["apple", "apple juice", "apple compote"]
  render layout: false
end
```

---

Layout false ensures that only plain HTML is returned. The header and metadata are not included. Precisely what is needed as the search results should display text only.

## 6. Create results view

```erb
<% @search_results.each do |result| %>
  <li role="option"><%= result %></li>
<% end %>
```

Display the search results in a HTML view that matches the created route
`products/_autocomplete.html.erb`

## Conclusion

Stimulus proves it value by sprinkling JavaScript on the page, without the need for much custom JavaScript. Leverage pre-build components and suddenly developers can easily bring interactivity to HTML-dominant web applications.
typeorm - nestjs #migrations #update_entities #no_encuentra_cambios
Tags: node, typescript, nestjs, typeorm
Published: 2021-09-29 08:00:25

SIESQUE MODIFICASTE UNA ENTIDAD: 
EJEMPLO
DE ESTA:
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/aul19cfsw27j7tc6kyrs.png)

A ESTA:
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/azb4hgsukcvcb7qxsl8h.png)
 

TOMAR EN CUENTA PARA QUE IDENTIFIQUE LOS CAMBIOS EN LAS ENTIDADES.

#1 NOMBRE DE LA TABLA DEBE SER LA QUE ESTA EN LA BD
Confirma que las entidades o bien no tengan un nombre o que se haya modificado el nombre de la tabla de la entidad
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lpsaoucuizddmxohdmtv.png)
Cuando se hace una modificación y para que se pueda encontrar lo que se hace es comparar la tabla de la entidad si por alguna razon se cambio el nombre de la tabla de la entidad entonces no encontrara los cambios y hará un nuevo CREATE TABLE en vez de "ALTER TABLE"

#2 RECORDAR EJECUTAR MIGRACION Y NO SOLO GENERAR
recuerda que generar migración es para generar el archivo que contiene la configuración para ejecutar en la base de datos a partir de las entidades o migraciones que tengamos entonces primero debe ejecutarse para que se pueda hcer una comparacion con las tablas creadas, (NO ES UN ERROR COMUN PERO PUEDE SUCEDER)
$9 Discount on Udemy courses
Tags: javascript
Published: 2021-09-29 07:57:35

Hello Friends,
Today, I am making available $9 discount codes for any of my courses including 100 days of javascript.


**100 Days of JavaScript**
 [100 Days of JavaScript](https://www.udemy.com/course/100-days-of-javascript/?couponCode=TWITTER-9) 


**Modern JavaScript - Beginner To Advanced**
 [Modern JavaScript - Beginner To Advanced](https://www.udemy.com/course/modern-javascript-bootcamp-beginner-to-advanced/?couponCode=TWITTER-9) 


**HTML, CSS and Sass**
 [HTML, CSS and Sass](https://www.udemy.com/course/build-website-with-html-css-sass-beginner-to-advanced/?couponCode=TWITTER-9) 


**Git and GitHub**
 [Git and GitHub](https://www.udemy.com/course/complete-git-and-github-course-beginner-friendly-approach/?couponCode=TWITTER-9
) 

To get notified when I publish my ReactJS course, subscribe below
https://zinotrustacademy.com/subscribe

Cheers guys...
typeorm - nestjs #migrations #update_entities #-
Tags: node, typescript, nestjs, typeorm
Published: 2021-09-29 07:49:17

Si tienes una entidad de esta manera:
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rzvi5gr8af7r0agr7yve.png)

cuando se genero la migración inicial o aun no existe una entidad en la base de datos la migración "CREA TABLAS".
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9b3ijtz6ka12zozbhfwj.png)
 

Si se cambia alguna columna y la migración de esta entidad ya esta creada o ejecutada:
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m1397efttkcbfqkujf0l.png)
 

Entonces se usa:
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/52576jqcn2exd4990zam.png)
donde authRefactoring (es nombre de esta nueva migración generada)
 

Automáticamente se compara si la entidad tiene campos diferentes a las tablas de la base de datos y se genera una nueva migración de "ALTER TABLE" para modificar las tablas.
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3hy3wpq0qzl9xu3ol1cj.png)
 

ENTONCES YA QUE SE GENERO ESTA NUEVA MIGRACION "MODIFICANDO TABLAS (ALTER TABLES)"
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cmvqh15vjmn0aoibxlox.png)

Y SE HARA EL CAMBIO EN LA BASE DE DATOS.
Listo!
Why is there so much fuss about dynamic programming in interviews, when it hardly matters in real-time projects?
Tags: programming, computerscience, interview, softwareengineering
Published: 2021-09-29 07:24:35

“When it hardly matters in real-time projects”. This statement is extremely incorrect. Just a few examples:

Machine learning algorithms like **Viterbi algorithm** or the ones using Markov Chain or HMM are infact completely based around **Dynamic Programming**

Bioinformatics requires a lot of sequencing algorithms which are rooted in DP.

String matching is done via KMP and uses of Edit Distance - Again extremely important for a lot of real world things like Autocompletion.

A common example would be, many delivery apps (I have heard of UrbanClap) model their problem as a graph and use greedy/dp algorithms to actually solve the delivery problem

More importantly - let us understand what is the principle behind Dynamic Programming?

It mainly consists of 3 steps:

**Step 1:** Dividing the original problem into smaller subproblems

**Step 2:** Solving these subproblems and combining their results to get the big problem’s result

**Step 3:** Remembering the subproblems you solved in the past and reusing the results rather than recalculating for them (Memoization)

Don’t you think these 3 steps are actually very important for solving real problems? 

That is why they are given importance in an interview. The idea is to pick the best problem solvers.

Want to know how to start preparing for coding interviews?
Visit: [programmingpathshala.com](https://renaissance.programmingpathshala.com/crack-coding-interviews) and take a 7 days free trial.
Why should you build a portfolio?
Tags: javascript, webdev, react, codenewbie
Published: 2021-09-29 07:32:04

If you are a web developer and you don't have a portfolio... join the club! Many of us don't have portfolio websites. In this post I will try to convince you on why you should build a (kickass) portfolio -

##Street cred
![Street cred](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5soq12h4s7xtmsvjm5p9.gif)
There is nothing that gives you more street cred that the fact that you can walk to talk. Knowing web development is not enough! You should be willing to do (web development)

##Creativity
![Creativity](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dgx279uxqf6yeed5yz2o.gif)
When are we building something on our own (especially something like a portfolio) we can open are creative wings fully! The sky is the limit for what we want to have on the site. You want a purple background with blue text? You can do it! You want an image without alternative text? Be my guest! 

##Enhanced learning
![Enhanced learning](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iyxlta31zydvk2wxrzzt.gif)
I personally believe that the best way to learn development is to actually get going with a project. Hands on experience is irreplaceable for us developers. So, the portfolio can be a nice way for you to pick up new technologies. If you want to learn next.js, try building a portfolio website with it! I promise you that the learnings will be immaculate.

##Exposure
![Exposure](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c2dtrj5mb5p2aild90uc.gif)
Personal projects such as portfolios are viewed in brighter light when it comes to hiring and contracting. Building a portfolio may open doors to more business or better job offers!

Beyond all these reasons, I think that building a portfolio is a nice way for us full-time developers to rekindle our love for building things from scratch.

Here is something to help you get started - 

{% youtube WLDGIw6g39c %}

[Buy me coffee](https://www.buymeacoffee.com/thecodestudio)
typeorm - nestjs #migrations #-
Tags: node, typescript, nestjs, typeorm
Published: 2021-09-29 07:30:32

[LINK CLI TYPEORM NODEJS](https://typeorm.io/using-cli#installing-cli)
Teniendo en "package.json" la configuración para typeorm con nestjs.
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y6kgtxma6k1mcau13q2r.png)
 
Usamos en consola donde init(es nombre de migración generada):
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gt9c8bz038xnowimbgnw.png)

Que a partir de nuestro ormconfig
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sgxcv99r25qjfep2mzbf.png)
 
Busca todas las entidades para generar las migraciones correspondientes, Resultado
 ![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/14pfqlq3lgrcedixcq8g.png)
 
Ahora simplemente ejecutamos la migración inicial creada.
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rslil3er8o7vchbt5bdo.png)

y si las conexiones están bien en la base de datos se crea o generan las tablas o querys correspondientes a la migración inicial.
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/azpxesa7mf4j0zfpo1v9.png)

listo!.
ncnn convert 4 ubuntu
Published: 2021-09-29 07:23:07

### onnx build 
- pth -> onnx convert

### ncnn install  [ncnn](https://github.com/Tencent/ncnn.git)
```
cd ncnn
mkdir -p build
cd build
cmake -DCMAKE_BUILD_TYPE=Release -DNCNN_VULKAN=ON -DNCNN_SYSTEM_GLSLANG=ON -DNCNN_BUILD_EXAMPLES=ON ..
make -j$(nproc)
```
- 만약 vulkan 이 없으면 vulkan install
[valkan download](https://vulkan.lunarg.com/sdk/home)
```
$ tar -xzf vulkansdk-linux-x86_64-1.1.xx.y.tar.gz
$ sudo cp $VULKAN_ROOT/x86_64/bin/* /usr/local/bin/
$ sudo cp -R $VULKAN_ROOT/x86_64/lib/* /usr/local/lib/
$ sudo ldconfig

$ sudo mkdir -p /etc/vulkan/explicit_layer.d
$ sudo cp $VULKAN_ROOT/x86_64/etc/vulkan/explicit_layer.d/* /etc/vulkan/explicit_layer.d/

$ sudo cp -R $VULKAN_ROOT/x86_64/include/* /usr/local/include/
```