teleren/devto huggingface dataset:
Build faster for Android using react-native with alias
Tags: reactnative, development, android, agile
Published: 2018-11-26 12:41:14

---
title: Build faster for Android using react-native with alias
published: true
description: react-native and alias
tags: React Native, Development, Android, Agile
---

![alt text](https://cdn-images-1.medium.com/max/1364/1*sSx4CEuBbKLS4j1E-qrljQ.jpeg "Tasks manager")


When I started developing using React Native I had some problems with the android cache, both the cache of the libs and the generated cache of the project itself. To do a simple build I had to remove folders and check for some answers in StackOverflow to handle with cache errors.

Over time, take the react-native experience with some errors and to avoid them I use some scripts that help me on a daily. To help in other projects using react-native I've created a project with some alias that you can find it on Github.

## React Native Android Alias

Explaining the aliases a little more, the most used by me are:

 - rn-clear: In this alias I remove the entire android build folder, so I have a project without cache.
 
 - rn-start: I use this command to start the app in dev mode. It also compile the app for some devices.

 - ad-clear: The purpose of this command is to clear the entire project, even removing the native libs cache.
 
 - rn-server: This alias is used to start the node js server which is responsible for sending the js code to the app that is currently being developed.


## Conclusions

Although the project seems not very robust, I had saved hours and hours with these aliases, because with them I can compile for a project in development mode:

```
  rn-clear && rn-start
```

Or even compile for production without any problems, I just need to ensure that the project is correctly configured and have set up the keys and versioning. After that I just run this command and enjoy:

```
  ad-clean && rn-clear && rn-release
```

If you have liked and want to [contribute to the project](https://github.com/enieber/alias/), simply send a Pull Request or open an Issue in Github. 

Thanks to [Augusto Chmieleski](https://twitter.com/augustochimi) for helping in the translation
Google to pay JavaScript frameworks to implement performance-first code
Tags: discuss, opensource, javascript, webdev
Published: 2018-11-26 11:55:59

---
title: Google to pay JavaScript frameworks to implement performance-first code
published: true
description: 
tags: discuss, OSS, Javascript, webdev
canonical_url: https://www.iamdeveloper.com/posts/google-to-pay-javascript-frameworks-to-implement-performance-first-code-3f57/
cover_image: https://images.unsplash.com/photo-1526304640581-d334cdbbf45e?ixlib=rb-0.3.5&q=85&fm=jpg&crop=entropy&cs=srgb&dl=sharon-mccutcheon-665638-unsplash.jpg&s=31238c8c05cbaa631e25b191c79c249e
---

Interesting initiative by Google, [Google to pay JavaScript frameworks to implement performance-first code](https://www.zdnet.com/google-amp/article/google-to-pay-javascript-frameworks-to-implement-performance-first-code).

Just curious how this will affect OSS, at least in the JS ecosystem.

On one hand I see this as a good thing where OSS maintainers get paid,

{%twitter 931195056479965185 %}

but on the other hand will it create a divide in OSS?


Thoughts?

{%devcomment 75p3 %}

Photo care of Unsplash user [Sharon McCutcheon](https://unsplash.com/photos/8lnbXtxFGZw)
4 Killer Features To Make Your App Reach The Stars
Tags: mobileappdesign, iphoneappdevelopment, androidappdevelopers
Published: 2018-11-26 10:47:35

---
title: 4 Killer Features To Make Your App Reach The Stars
published: true
description: 4 Effective Strategies To Make Mobile Apps Successful
tags: Mobile App Design, iPhone App Development, Android App Developers 
---

Today, we live in a world where digitization has reached all industries. Mobile apps have emerged as the most lucrative productions amongst many others. They have simplified several tasks for people across the globe. Owing to their compact nature, developers are forced to avoid unnecessary and destructive elements and include only those which are essential. Many ventures have decided to invest on mobile app development in order to escalate their conversion rates. With so much competition bubbling, it is advantageous to employ certain key strategies and stay ahead.

![Mobile App Development](https://thepracticaldev.s3.amazonaws.com/i/uss76o7q7020xkzvzht4.png)

Here are 4 killer features to make your app reach the stars!

1) **Emanating Simplicity In All Functions**:
The interface is extremely smooth with barely any lag while navigation is very easy and captivating at the same time. Search options can be included to take users directly to their destination. Purchasing of products and services are also quite efficient and hassle-free. Most functions can be achieved with just a few taps on the screen. 

2) **Better Performance**:
Apps generally load faster and perform better than web browsers. Due to limited space availability, they process pretty quickly and complete tasks almost immediately. With hardly any wait time, many activities can be escalated and productivity is greatly augmented. Working on elevating even more this will definitely boost your recognition!

3) **Enhanced Security**:
Mobile apps aren’t really easy to penetrate by third-parties. They are tough to crack which keeps most hackers at bay. Owing to this impeccable level of security, digital transactions can be safely made without fear of intervention. Moreover, rigid policies of app stores force developers to build robust ones, rendering high degrees of protection.

4) **Social Media Integration**:
People love using social media because they are enabled to communicate and socialize instantly from anywhere in the world. Integrating popular social media platforms with your app will be a really good move because you can get promotions done through your own customers. This serves as a great marketing strategy which doesn’t even cost you a penny.

These are some of the key features which can be employed and worked upon to make extremely successful apps. Openwave is a fierce [**Mobile Application Development In New York.**](https://www.openwavecomp.com/mobile_application_development.html) Get in touch with our top-notch developers and avail from our range of exclusive services. Call us now to get a free quote!
Vintage poster text with css
Tags: css, design
Published: 2018-11-26 09:44:31

---
title: Vintage poster text with css
published: true
description: Creating retro/vintage poster style text
tags: css, design
---

![vintage text](https://thepracticaldev.s3.amazonaws.com/i/w0zcenu26w37ea7mlhww.png)

Sharing the result of some fun I've been having trying to make retro/vintage-y poster style text 😁

{% codepen https://codepen.io/twosmalltrees/pen/EORRby %}
awesome-angular-graphql: A curated collection of resources for Angular and GraphQL
Tags: angular, graphql, awesomelist
Published: 2018-11-26 09:37:34

---
title: awesome-angular-graphql: A curated collection of resources for Angular and GraphQL
published: true
description: A curated collection of resources, clients and tools that make working with `GraphQL and Angular` awesome
tags: angular, angularjs, graphql, awesome-list
---

This is a compilation of resources, clients and tools that make working with `GraphQL and Angular` awesome.

[https://github.com/hasura/awesome-angular-graphql](https://github.com/hasura/awesome-angular-graphql)

Feel free to suggest more articles/videos/tools.
Customer Sentiment Analysis-Bringing Value to Business
Tags: sentimentanalysis
Published: 2018-11-26 09:35:00

---
title: Customer Sentiment Analysis-Bringing Value to Business
published: True
tags: #sentimentanalysis
---

Sentiment Analysis one of the most talked about in CX arena and has become an important element to analyze customer experience. It provides in-depth understanding of the opinions and emotions of the customers from any written text or speech with the help of automated solutions and tools. In this era of data abundance and information overload analyzing almost accurate sentiments from the scattered data is next to impossible if done manually, therefore comes the need of full-fledged algorithms and tools based on them, that are capable enough to not only bring out the exact sentiments and score but also clean the unstructured data and make a sense out of it.

**Data abundance and its usage**
Data is the gold mine, if worked on properly can give value beyond comprehension. Measuring end user sentiments is the need of every brand. Social media comments, reviews, live chats, survey forms, VOC and many other written customer queries are the source to understand what the customers feel about the brand or the service/product. Among all these platforms, social media today has emerged as the major source of customer’s voice and views. Customers turn to social media to share their experiences, give and take reviews. All the comments are present in abundance on different platforms in unstructured formats which calls for data analysis to generate sentiment scores, categorization into positive, negative or neutral.

**Sentiment Analysis bringing value to business**
[Customer sentiment analysis](https://www.qdegrees.com/sentiment-analysis-service) helps in optimizing and planning your go to market strategy.  The collected customer voice when analyzed gives a proactive way to plan future strategies according to customers’ perception. 
 
Value proposition of Sentiment analysis solutions 
1. They Quantify the emotions to have detailed view of the customer perception
2. Time is the key to success, identifying the sentiments at the initial stage and planning accordingly helps a brand go long way. This is where Sentiment Analysis tools helps individuals to provide quick insights.
3. Become a way to simplify and amplify the analysis process and correct the business plans of any brand to bring in the right customer experience.
Laravel Angular Posts
Tags: laravel, angular
Published: 2018-11-26 09:25:55

---
title: Laravel Angular Posts
published: true
description: Laravel Angular Posts
tags: laravel, angular
---

Hello guys, you all can find **Laravel and Angular** latest versions posts and solutions here:



[laravl 5.7](https://therichpost.com/category/laravl-5-7)


[Angular7](https://therichpost.com/category/angular7)

Thank you
Jatt Nation
> 480 beautiful open source icons on Vue
Tags: vue, icons
Published: 2018-11-26 08:13:22

---
title: > 480 beautiful open source icons on Vue
published: true
description: Is a pack of more than 480 beautiful open source eva icons as Vue components
tags: vue, icons
---

![icons](https://thepracticaldev.s3.amazonaws.com/i/fnkuvsvsgv9en596totd.png)

I really liked the wonderful icons from Eva icons and I decided to make a component for Vue based on them
Vue Eva Icons is a pack of more than 480 beautiful open source eva icons as Vue components

https://antonreshetov.github.io/vue-eva-icons
One of many lessons on learning from companies regarding shiny new stuff.
Tags: programming, beginners, fomo, shinynewthings
Published: 2018-11-26 07:33:59

---
title: One of many lessons on learning from companies regarding shiny new stuff.
published: true
description: 
tags: #programming #beginner #FOMO #shinynewthings
---

I have spend many years _learning (and not achieving anything)_ new things which had absolutely no relevance to what my job requires, or the things I actually needed/wanted to **learn**, say ML etc. This is primarily aimed at newbies like myself who are self-starters and have a specific goal in mind, but are led astray by the focussing on things which don't add absolute value. This is also meant to be a post to myself when I make this mistake in future! 😅

So I'll just add some opinions on the brilliant posts by {% user stvnyung %} & {% user ben %} for {% link https://dev.to/stvnyung/be-good-at-one-thing-not-average-at-everything-1bf1 %} & {% link https://dev.to/ben/write-clean-code-and-avoid-the-distractions-of-emerging-technology-3emj %} respectively.

Here goes:

1. Unless you have, as a person, infinite time and money to spare, time more specifically to dive into new things don't do it.

2. Jumping into new stuff is tantamount to a large organization **trying** new stuff, so that MAYBE in future they might be able to get some use out of it and eventually specifically: COST SAVINGS AND/OR INCREASED REVENUE. And I'm not talking about tech product companies here :).

3. A bank(say) uses technology to make ends meet, not the other way around, we can say everything is technology now, but that's not the point. Any new technology is tried on the merit of bringing hard benefits.

4. Trying new stuff and investing time in it **DOES NOT** shift the focus from **core competency**, so should be the case for the individuals.

5. Your goal as an individual is different from a company, companies exist for **PROFIT** whereas individuals exist for some undefined abstract goal and experiencing net positive emotions.

So, focus on the one thing, and try not to invoke **LET'S TRY THIS** when a new article appears on the evergreen news feed :).

See you!
How to write a good README? #discuss
Tags: discuss
Published: 2018-11-26 06:51:50

Since I released my first open source project in October, I did various iterations at improving the README of my project, but I'm not really satisfied just yet. 
https://github.com/jmfayard/gradle-kotlin-dsl-libs/blob/master/README.md

I have found surprisingly hard to put myself, who maintains the project and knows every detail of it, in the shoes of the casual developer who would stumble upon my project without any context and not an infinite amount of attention. 

Ideally, I would like him after a short read to think either

1. that's not for me but I know why 
2. that's something for me and I will give it a try. 

Do you have any recommendations on how to write a better README?

That could be examples of things to avoid, or examples of projects that do it right.
Using Fastlane to deploy multiple Android apps
Tags: ruby, android, ios, devops
Published: 2018-11-26 04:59:15

---
title: Using Fastlane to deploy multiple Android apps
published: true
description: We look into using Fastlane in order to deploy Android applications in multiple flavors and/or languages.
tags: ruby, android, ios, devops
---

{% youtube bYDlgzhMSOQ %}
DNS Records
Tags: dns, networking
Published: 2018-11-26 04:35:37

---
title: DNS Records
published: true
description: 
tags: DNS, Networking
---

So what is DNS. We have all heard DNS lookup failed and all sorts of stuff every now and then. What is it all about.

A DNS or <b>Domain Name Service</b> is a special kind of service which maps an IP to an address. Let's understand it deeper.

Suppose you type in www.gooogle.com. Now the request has to be sent from your computer to the google servers to get the google page. Right?

Yes. But how does your computer know where google is? This is where the DNS comes in.

Every server or device which is connected to the Internet will have an IP address. That is how we identify where they are. 

<blockquote>It's similar to finding a person. If someone tells you to find Jack you will be confused as to where on Earth Jack lives, but if someone tells you Jack of Mumbai, India you have a better clarity. </blockquote>


So what happens in a DNS server. 

Your computer takes that request and goes to the nearest DNS server. A DNS server is globally distributed so anyone from anywhere can access one of them at all times.


The DNS server will have the corresponding IP for your address. This method of obtaining information from the DNS server is called a <b>query</b>.

Once that is obtained you are free to go to Google servers since you now have the exact IP address.


DNS has different records, namely

1. <b>A</b> or <b>AAAA</b>
2. CNAME
3. SOA
4. MX
5. SRV
6. Name server
7. PTR.


I shall update the details regarding these shortly!.
Learning Resources for New Developers!
Tags: discuss, beginners, webdev
Published: 2018-11-26 02:54:54

---
title: Learning Resources for New Developers!
published: true
description: 
tags: discuss, beginners, webdev
---
Going to be adding to this over time. But wanted to get this very incomplete version up.

_Blogs_
[CSS Tricks](https://css-tricks.com/)
[Scotch.io](https://scotch.io/)
[Alligator](https://alligator.io/)

_Videos_

__Channels/Series__
[DevTips](https://www.youtube.com/user/DevTipsForDesigners)
[Funfunfunction](https://www.youtube.com/channel/UCO1cgjhGzsSYb1rsB4bFe4Q)
[Level Up Tutorials](https://www.youtube.com/user/LevelUpTuts)
[JavaScript 30 in 30](https://javascript30.com/)
[Programming with Mosh](https://www.youtube.com/user/programmingwithmosh)

__Single Videos__
[Improve your JS](https://www.youtube.com/watch?v=Mus_vwhTCq0)
[Learn Map](https://www.youtube.com/watch?v=bCqtb-Z5YGQ)
[Learn Reduce](https://www.youtube.com/watch?v=Wl98eZpkp-c)

_Useful Guides_
[CSS Grid](https://css-tricks.com/snippets/css/complete-guide-grid/)
[Flex Box](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)

_Podcasts_
[Toolsday](https://spec.fm/podcasts/toolsday)
[Shop Talk Show](https://shoptalkshow.com/)
[Syntax.fm](https://syntax.fm/)

_Cool People_
[Sarah Drasner](https://twitter.com/sarah_edo) Makes really cool animations.
[Una Kravets](https://twitter.com/Una) Makes the web look better with awesome CSS.
[Dan Abromov](https://twitter.com/dan_abramov) Makes me re-think React all the time.
[Mark Erikson](https://twitter.com/acemarke) Makes me understand Redux.
[J.C. Hiatt](https://twitter.com/jchiatt) A stellar developer who inspires me to be fit 💪
[Justin Samuels](https://twitter.com/ThugDebugger) Putting on the coolest conference of the decade.
Advent of CodeでElixirを一緒に学ぼう
Tags: elixir, webdev, tutorial, programming
Published: 2018-11-26 02:39:23

---
title: Advent of CodeでElixirを一緒に学ぼう
published: true
description: Advent of Codeは12月1日から25日まで、さまざまな言語とレベルのプログラミングパズルを発表する企画です。Elixirの開発者José Valim氏が、Elixirを学習するためにパズルを解こうと呼びかけています。この期間中、日本時間23:00にValim氏が、前日のパズルの解法をTwitchでライブ解説するということです。
tags: #elixir, #webdev, #tutorial, #programming
---

Plataformatec社のblogに2018年11月21日付で「[Let’s learn Elixir together on Advent of Code!](http://blog.plataformatec.com.br/2018/11/lets-learn-elixir-together-with-advent-of-code/)」という記事が公開されました。

[Advent of Code](https://adventofcode.com/)は12月1日から25日まで、さまざまな言語とレベルのプログラミングパズルを発表する企画です。Elixirの開発者José Valim氏がこの企画に乗って、Elixirを学習するためにパズルを解こうと呼びかけています。そしてこの期間中、日本時間23:00(UTC 14:00)にValim氏が、前日のパズルの解法を[Twitch](https://www.twitch.tv/josevalim)でライブ解説するということです(一緒に議論しましょうということなので、視聴者参加型だと思われます)。録画はTwitchで14日間公開されます。

準備と参加方法はつぎのように示されています。

- 「[Getting Started](http://elixir-lang.org/)」(「[Elixir入門](https://dev.to/gumi/elixerelixir-10g2)」)または他のリソースでElixirを学習する。
- 練習用には昨年の[Advent of Code 2017](https://adventofcode.com/2017)と[exercism.io](https://exercism.io/)が紹介されています。また、Advent of Code 2017の[12月1日のパズル](https://adventofcode.com/2017/day/1)をValim氏が解いて、[GitHubに公開](https://gist.github.com/josevalim/978771f4f5c948504db1e88383cac8d0)しました。
- Advent of Code企画用の[メーリングリスト](https://pages.plataformatec.com.br/together-on-advent-of-code-2018)が期間限定でつくられており、ライブが終わると購読者には録画のリンクがメールで送られます。
Developers Senior Class - Episode 1 - Intro and Planning
Tags: showdev, tutorials, classes
Published: 2018-11-26 02:24:28

---
title: Developers Senior Class - Episode 1 - Intro and Planning
published: true
description: This series of episodes follows me through a real project that we will really publish for real users! Long episodes, lots of architecture, as real world as possible.
tags: showdev, tutorials, classes
---

# Overview

Follow me as I try to build a digital version of a physical board game! This is a long-form series (1 hour per episode, approximately) with little to no editing. The intent is to end up with a project that we can actually publish and use together! You will see me try, test, fail, think and hopefully succeed in the end.

This is *not* a series about simpler or beginner concepts in bite sized formats.

Your feedback is warmly welcome.

Please help me out! Share the video, like it, tweet about it, etc...

Source code lives at: [https://github.com/spirodonfl/machi-koro](https://github.com/spirodonfl/machi-koro)

If you want to view this video on YouTube then just [click here](https://youtu.be/ZhkMyoYpSxU)
Why Babel with TypeScript?
Tags: babel, typescript, javascript, webpack
Published: 2018-11-15 20:29:12

---
title: Why Babel with TypeScript?
published: true
description: Thanks to @babel/preset-typescript, now we can handle typescript files same as JavaScript files :)
tags: babel,typescript,javascript,webpack
---

At first, I wonder why Babel supports TypeScript.
And I can't imagine how to use TypeScript within Babel.

This article explains how I use TypeScript within Babel and Webpack.

## TLDR

See this `webpack.config.js`:

```js
module.exports = {
  resolve: {
    extensions: ['.js', '.jsx', '.ts', '.tsx']
  },
  module: {
    rules: [
      {
        test: [/\.jsx?$/, /\.tsx?$/],
        use: 'babel-loader',
        exclude: /node_modules/
      }
    ]
  }
}
```

Use `babel-loader` to `/\.tsx?$/` same as `/\.jsx?$/` ?!

Yes, `babel-loader`. I explain how to acheive this step by step.

## How it works?

So simple.

Thanks to `@babel/preset-typescript`, we can handle `/\.tsx?$/` by `babel-loader`.

See `.babelrc` below:

```json
{
  "presets": [
    "@babel/typescript"
  ],
  "plugins": [
    "@babel/proposal-class-properties",
    "@babel/proposal-object-rest-spread"
  ]
}
```

## Demo

{% github https://github.com/saltyshiomix/babel-typescript-react-boilerplate %}

**package.json** is so simple and so you can imagine how to use:

```json
{
  "name": "babel-typescript-react-boilerplate",
  "scripts": {
    "check-types": "tsc",
    "start": "webpack-dev-server --mode development"
  },
  "dependencies": {
    "react": "^16.6.3",
    "react-dom": "^16.6.3"
  },
  "devDependencies": {
    "@babel/core": "^7.1.6",
    "@babel/plugin-proposal-class-properties": "^7.1.0",
    "@babel/plugin-proposal-object-rest-spread": "^7.0.0",
    "@babel/preset-env": "^7.1.6",
    "@babel/preset-react": "^7.0.0",
    "@babel/preset-typescript": "^7.1.0",
    "@types/react": "^16.7.6",
    "@types/react-dom": "^16.0.9",
    "babel-loader": "^8.0.4",
    "html-webpack-plugin": "^3.2.0",
    "typescript": "^3.1.6",
    "webpack": "^4.25.1",
    "webpack-cli": "^3.1.2",
    "webpack-dev-server": "^3.1.10"
  }
}
```

## Conclusion

Before `bable@7`, we need to webpack JavaScript files by `babel-loader` and TypeScript files by `ts-loader` or `awesome-typescript-loader`.

Therefore a setting file `webpack.config.js` is sometimes so complex and hard to maintenance.

TypeScript with Babel makes it easier and provides us better development experience :)

## Other References

[TypeScript With Babel: A Beautiful Marriage](https://iamturns.com/typescript-babel/)
REPLisp: Another New Language!?
Tags: repl, lisp, language, interpreter
Published: 2018-11-25 22:05:39

---
title: REPLisp: Another New Language!?
published: true
description: A mini Lisp-like interpreted language
tags: repl,lisp,language,interpreter
---

> Moved to https://pavi2410.me/blog/replisp-another-new-language

Hello 👋, I made a programming language called 'REPLisp'. It is a Lisp-like interpreted language, written in 100% pure JavaScript by my little fingers 🖖. I made it to just learn more about languages and how do they work.

I started work on this after I encountered [this project](https://glitch.com/~the-super-tiny-compiler) on Glitch. After going through everything over there, I felt **"making a programming language is so easy!!!"**, and eventually, made the first version almost *in a day*! I, gradually, learnt a lot about the basics of compilers and languages.

It is currently incomplete but is in active development. I'd love if you help me in completing this project.

---

Try it now: https://replit.com/@pavi2410/REPLisp

Source code: https://github.com/pavi2410/REPLisp