teleren/devto huggingface dataset:
Splash Screen, Tutorial Screens, Authentication Screens Flow in React-Native 
Tags: reactnative, splashscreen, flow
Published: 2018-10-15 01:16:04

---
title: Splash Screen, Tutorial Screens, Authentication Screens Flow in React-Native 
published: true
description: 
tags: React-Native, SplashScreen, Flow
---

Recently I had to start up a project from scratch and I had to make a general flow of splash screens, tutorial screens and authentication screens. Today I am going to share how did I create the flow and what difficulties that I faced during the process. The flow is a very common scenario. It goes like this

1. First the user sees the splash screen for few seconds
2. If the user opens the app for the first time then the user will go through some tutorial screens.
3. If not the first time, the user will be redirected to the authentication screen. If not the first we can not show the tutorial screens again to the users.

***Splash Screen***

In react native splash screen can be added natively and also using react-native-splash-screen package but I just did it in a very simple way by creating a splash screen component in my react-native side. I had to use set timeout to show the splash screen for few seconds and then redirect back to another screen. The splash screen component is given below:

<img src="https://thepracticaldev.s3.amazonaws.com/i/1nkt6iw0saft24ofzrtc.png"/>


Note that I had to use resetActions to make the stack empty again while redirecting so that the user can not go back again to splash screen using hardware back button.

***Starting Screen***

This is the screen where I do not render anything but put my logic to redirect the user to the proper places. The component is given below:

<img src="https://thepracticaldev.s3.amazonaws.com/i/uqztztg3mxzo9ur9ma4d.png" />


I am using async storage to store the value if the app is already launched or not. In the componentDidMount function I am checking first if the alreadyDidLaunch value from async storage is null or not, if null then I am showing a loader in the render and also changing the value of alreadyLaunched at the same time. So after changing the value I am redirecting the user to the tutorial screens.

Next time when the user opens the app again, the alradyDidLaunched value is set to true and the user will be redirected to authentication screens.

Note that the asyncStorage is asynchronous by nature so it takes some time to get the value. While getting the value I am showing a loader in the meantime.

So that’s how I did it. Kindly let me know the better way that I could do this flow than this. Thanks for reading!
Haskell strings field guide
Tags: haskell
Published: 2018-10-15 00:00:00

---
title: Haskell strings field guide
date: 20181015T00:00Z
tags: haskell
---

Here's how to convert between byte, string, and character types in Haskell:

|Function                      |Type                    |
|------------------------------|------------------------|
|encodeUtf8                    |Text -> ByteString      |
|unpack                        |Text -> String          |
|decodeLatin1                  |ByteString -> Text      |
|decodeUtf8With lenientDecode  |ByteString -> Text      |
|BC.unpack                     |ByteString -> String    |
|UTF8.toString                 |ByteString -> String    |
|B.unpack                      |ByteString -> [Word8]   |
|UTF8.fromString               |String -> ByteString    |
|pack                          |String -> Text          |
|w2c                           |Word8 -> Char           |
|B.pack                        |[Word8] -> ByteString   |
|c2w ❌ partial                |Char -> Word8           |
|BC.pack ❌ partial            |String -> ByteString    |
|BSC.string ❌ stops streaming |String -> BSC.ByteString|

Note that Char is finite:

```haskell
toEnum 10000000 :: Char
*** Exception: Prelude.chr: bad argument: 10000000
```
How to take full page screenshots in Chrome without extensions
Tags: sciencetech, capture, chrome, extension
Published: 2018-12-31 13:35:29

---
title: How to take full page screenshots in Chrome without extensions
published: true
tags: Science & Tech,capture,chrome,extension
canonical_url: 
---

[![](https://i0.wp.com/www.fatosmorina.com/wp-content/uploads/2018/10/Screen-Shot-2018-10-14-at-9.42.57-PM.png?resize=676%2C316&ssl=1)](https://i0.wp.com/www.fatosmorina.com/wp-content/uploads/2018/10/Screen-Shot-2018-10-14-at-9.42.57-PM.png?ssl=1)We spend a considerable portion of our time using a web browser and may sometimes need to get a screenshot of a full page in your browser. I recently learned that Google Chrome has the option to do that without using any additional extensions. In this article, we will see how we can do that.

First, we need to open DevTools inside Chrome. We can open it by doing the following steps: Main Menu (three vertical dots) in the top-right corner \> _More tools_ \> _Developer tools_. We can also open it using the following keyboard shortcuts: Control+Shift+I in Windows and Linux or Command+Option+I in Mac. We can also open it by right-clicking anywhere in the page and select _Inspect_.

 

Then we need to open Command Menu. We can do that by pressing Control+Shift+P in Windows and Linux or Command+Shift+P in Mac.

 

Then we need to write and select _Capture full size screenshot_. After we have done that, we should get a PNG as a screenshot for the full page.

 

That’s it for this quick tip. It seems something really simple, but I think it can be really useful.

The post [How to take full page screenshots in Chrome without extensions](https://www.fatosmorina.com/how-to-take-full-page-screenshots-in-chrome-without-extensions/) appeared first on [Fatos Morina](https://www.fatosmorina.com).
TIL: Integrate Visual Studio Code with Shell / CLI
Tags: bash, vscode, todayilearned, code
Published: 2018-10-14 19:03:33

---
title: TIL: Integrate Visual Studio Code with Shell / CLI
published: true
description: integrate code with bash 
tags: bash, vscode, til, code
---

Up to now I have been using **Sublime Text** as my preferred editor, before that it was **TextMate**, before that it was **BBEdit** and sometimes in between it has been **Atom**, **Komodo**, **Vim** and **vi**.

I have come really, really excited with **Visual Studio Code** (code) and most of my programing and text editing is being done using that editor.

Normally I start **code** from the command line, but today I decided to go all the way a specified
it as the editor to be executed when edits are initiated from other command line tools using the `$EDITOR` or `$VISUAL` variable.

```bash
export EDITOR="code --wait --new-window"
```

This mean that for example can edit, complex command line constructs in **code** using the `CTRL-x`,
`CTRL-e` combination.

**code** has marvellous **Git** integration, but if you like me sometime work on the command line instead of the editor with your version control tasks, setting the `$GIT_EDITOR` environment variable can be quite useful.

This might not be necessary, if you have set `$EDITOR` or `$VISUAL` as described above (see also: the [Git man page][git man page]), but if you have special command line setting and would like to differenciate, this could be an option and therefor worth a mention.

```bash
export GIT_EDITOR="code --wait --new-window"
```

And now I can edit commit messages and command lines using **code** and all the other CLI relying on the $EDITOR integration.

## References

- [Visual Studio Code documentation: Command Line Interface (CLI)][code cli doc]
- [Git man page][git man page]
- [Bash man page][bash man page]

Hand-picked from [my TIL collection](https://jonasbn.github.io/til/vscode/integrate_with_cli.html).

[git man page]: https://git-scm.com/docs/git#git-codeGITEDITORcode

[bash man page]: https://linux.die.net/man/1/bash

[code cli doc]: https://code.visualstudio.com/docs/editor/command-line
Create Custom Snackbar Component Example In React Native- Android
Tags: react, reactnative, android, javascript
Published: 2018-10-14 17:08:27

---
title: Create Custom Snackbar Component Example In React Native- Android
published: true
description: Create Custom Snackbar Component Example In React Native- Android
tags: #react #reactnative #android #javascript
---

Post Link : <a href="https://www.skptricks.com/2018/10/create-custom-snackbar-component-in-react-native.html"> Create Custom Snackbar Component Example In React Native- Android </a>

This tutorial explains how to create simple Snackbar component in react native application. Snackbars are just like Toast messages except they provide action to interact with. Snackbar will be displayed at the bottom of the screen and can be swiped off in order to dismiss them.

<a href="https://www.skptricks.com/2018/10/create-custom-snackbar-component-in-react-native.html"> Create Custom Snackbar Component Example In React Native- Android </a>

<img src="https://2.bp.blogspot.com/-93jY0dxBGR4/W8NnVz92VSI/AAAAAAAACBc/q77WAtv-Xb0LGsSOBxGRrU1d1QXyYVT6ACLcBGAs/s640/snack.png" />

<a href="https://www.skptricks.com/2018/10/create-custom-snackbar-component-in-react-native.html"> Read More... </a>
Crypto Imperium
Tags: trackyourimperium, cryptocurrency, portfoliomanagement, android
Published: 2018-10-14 16:18:42

---
title: Crypto Imperium
published: true
description: Motivation to develop Crypto Imperium app and some of it's features.
tags: #TrackYourImperium,#cryptocurrency,#portfolio_management,#android
cover_image: https://thepracticaldev.s3.amazonaws.com/i/79er0bozy47hc5e495rm.png

---

<div class="text-justify">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;There are some portfolio management applications with good features like Delta or BitUniverse, but in reality, I don't think they cover some important features that are essential to track your portfolio across all exchanges. 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Every Crypto enthusiast knows that it's difficult to stay in just one exchange when you really get going on the crypto world. There is a big diversity of coins out there and it's almost impossible one exchange to have them all, so everyone has accounts in multiple exchanges and at some point, it starts to get almost impossible to follow all your assets. With this came the idea of portfolio management apps.
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;As a software developer student, I decided to take upon myself to create a better solution to track my crypto imperium. And so, started to develop the Crypto Imperium app.

<center>![crypto_imperium_logo.png](https://thepracticaldev.s3.amazonaws.com/i/dv7cphi8kpinemilsql8.png)</center>

Crypto Imperium allows you to track multiple exchanges in just one app. 
Functionalities:
- Access data relative to the user account (account value, profit, trades, open orders).
- Check market rates and charts (1h, 1d, 7d, 1m, 3m, 6m, 1y).
- Check the value, profit and breakeven of each asset you own.
- Set hourly, every 4 hours and daily notifications.
- Daily report of all of your exchanges configured and the global account.
- News about crypto.
- Check the global account value and profit for all exchanges configured with an API key.
- Check the distribution of the portfolio value and profit between exchanges through charts.
- Check the assets owned in all the exchanges and its distribution between exchanges.

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;In the last update I introduced the possibility to consult your global account across all exchanges that you have an API key configured in the app. Is possible to use the app without configure API keys, but it stops to be a portfolio management app and becomes an app to consult market prices, news and receive notifications.

Here you have some screenshots of the app:

<center>![screenshots_montage.png](https://thepracticaldev.s3.amazonaws.com/i/zv9tockwrjgoc412ifia.png)</center>

**NOTE: All the values in the pictures are example values.**

If you are curious about the app you can download it here: 
https://play.google.com/store/apps/details?id=appdev.pina.cryptoImperium

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;The Crypto Imperium is still in early stages, so every feedback is important at this stage. You can give me your feedback through:

- Email: crypto.imperium.app@gmail.com
- Twitter: https://twitter.com/Crypto_Imperium
- Facebook group: https://www.facebook.com/groups/389413551546434/
</div>
Vue.js
Tags: vue, javascript, tutorial
Published: 2018-10-14 14:51:45

---
title: Vue.js
published: true
description: vue.js 
tags: vue, js, javascript, tutorial
---

Vue.js is a JavaScript framework you can use to build your web app frontend. It is easy to setup and you can [build great things!](https://vuejsexamples.net/)

It's a lot of fun also! I think people should give it a try. :) You can easily add Vue.js to an existing project or to create new vue.js apps. 

### Why Vue

With all the JavaScript frameworks out there, why choose vue.js over other frameworks?

* simplicity
* flexibility
* applicable for both simple and complex apps
* documented thoroughly
* transition effects
* it's fun!

It uses the MVVM architecture. It's very lightweight also. It supports state management and is simple and flexible. You can create single page apps or complete web apps.

More reading:

* https://vuejsexamples.net/
* https://vuejs.org
Working with time and date in java 8
Tags: java, howto, basic, example
Published: 2018-10-14 10:26:12

---
title: Working with time and date in java 8
published: true
description: We look at how we can handle dates in java 8 and what differs with java 7 and before.
tags: java, how-to, basic, example
---

{% youtube ZTmXRf0EkSQ %}
What was your experience diving into a new technology?
Tags: productivity, discuss, solid, career
Published: 2018-10-14 10:24:11

---
title: What was your experience diving into a new technology?
published: true
description: What was your experience diving into a new technology?
tags: productivity, discuss, solid, career
---

I'm currently diving deep into [Solid](https://solid.mit.edu), a project that aims to return personal data control back to users. It reminds me of getting into webdev, in that there are so many different things to learn. But the big difference: webdev was well documented when I got into it. 

With Solid, I can't expect to find everything I need in documentation or on Stack Overflow. Understanding things often requires looking at the code, or trial and error. It's pretty refreshing that way.

So, if you have similar experiences getting into new tech, I'd love to hear about it.
One question survey for WordPress developers 
Tags: wordpress, opensource, javascript
Published: 2018-10-14 10:13:03

---
title: One question survey for WordPress developers 
published: true
description: Finding out the adoption rates of ReactJs
tags: WordPress, Opensource, Javascript
---
I would like to find out if there is an upcoming skill shortage with the launch of Gutenberg (built using React) in WordPress 5.0

WordPress is going to be dominated by Reactjs for the foreseeable future, and either developers will have to upskill or lose their relevance. This could also mean WordPress development is primed to become more expensive. 

Share your answer here: [https://twitter.com/GetClassicPress/status/1051405635395440641](https://twitter.com/GetClassicPress/status/1051405635395440641)
BxJS Weekly Episode 32 - javascript news podcast
Tags: javascript, node, podcast, news
Published: 2018-10-14 09:05:52

---
title: BxJS Weekly Episode 32 - javascript news podcast
published: true
description: Listen to the best javascript news of the week in a podcast form
tags: javascript, node, podcast, news
---

Hey dev.to community!

BxJS Weekly Episode 32 is now out! 🚀
Listen to the best javascript news of the week in a podcast form right here.
You can find all the mentioned links [here on github](https://github.com/BuildingXwithJS/bxjs-weekly/blob/master/links/18-41-Episode-32.md).

You can also watch or listen to this episode on:
- [YouTube](https://youtu.be/XPMXPTneKcE)
- [Castbox](https://castbox.fm/episode/BxJS-Weekly-Ep.-32-Oct-13%2C-2018-(javascript-news-podcast)-id1378315-id96027740?country=us)

Any feedback is appreciated 😁

Additional stuff:
- [Twitch channel](https://www.twitch.tv/yamalight)
- [Discord server](https://discord.gg/hnKCXqQ)
- [BxJS Weekly github repo](https://github.com/BuildingXwithJS/bxjs-weekly)

Social media links:
- [Twitter](http://twitter.com/yamalight)
- [Medium](https://medium.com/@yamalight)
- [Github](http://github.com/yamalight)

If you enjoy my content, please consider [supporting me](https://codezen.net/support.html) 😉
What are the best sources to learn practical Javascript? 
Tags: javascript, learning, help, selftaught
Published: 2018-10-14 08:54:45

---
title: What are the best sources to learn practical Javascript? 
published: true
description: 
tags: javascript, learning, help, selftaught 
---

What are the best resources for learning practical use of Javascript? Udemy or something else maybe, just to learn how to use Javascript in every day life.
How do you go about learning code with github?
Published: 2018-10-14 08:00:14

---
title: How do you go about learning code with github?
published: true
description: 
tags: 
---

I always hear that reading code from github is a good source of advancing your code skills. However im not really sure how id go about doing it? Can anyone give me some tips and maybe explain the best ways to learn from it and how to even find the code you'd want to view. Thank you!
ETHEReact - Decentralized E-Commerce using Ethereum & ReactJS
Tags: blockchain, ethereum, react, fullstack
Published: 2018-10-14 07:48:17

---
title: ETHEReact - Decentralized E-Commerce using Ethereum & ReactJS
published: true
description: https://github.com/PruthviKumarBK/Decentralized_eCom ETHEReact is a full stack DApp; demonstrating e-commerce capabilities without any database powering the backend but the EVM standing tall!  
tags: #Blockchain #Ethereum #ReactJS #full-stack
---
Does your employer pay for your health insurance in the US? 🏥
Tags: discuss, healthinsurance, benefits, usa
Published: 2018-10-14 07:24:10

---
title: Does your employer pay for your health insurance in the US? 🏥
published: true
description: Health insurance appears to be a benefit only a select few can afford to get on their own in the US.
tags: discuss, healthinsurance, benefits, USA
---

Most of us in the US who are in the software profession are **lucky** because employers provide health insurance plans and other benefits.

On the other hand, it is quite difficult if you plan on doing a full-time startup or are self-employed. 

Being an independent consultant, I get my own health insurance. It costs me $2150/mo for a decent family plan (luckily we're all healthy!). Since my wife is pregnant, we end up paying another ~$1000/mo for additional costs after doctors visits. All this is before the 30% tax!

It's hard to imagine how people in other professions without employer-provided insurance manage to afford decent insurance or those who are disabled and don't qualify for full government benefits. This is probably way more difficult for single mothers when they're pregnant.

I hope that through our collective effort in knowledge sharing on dev.to we are able to help more people make a better life for themselves, their families and communities. This potential to make a difference is remarkable.

Does your employer pay for your health insurance in the US?
Declaration in dynamically typed:Python
Tags: dynamictyping, python3, assignment, statictyping
Published: 2018-10-14 05:02:42

---
title: Declaration in dynamically typed:Python
published: true
description: How assignment statement in python is different from statically typed languages like c, c++?
tags: dynamic typing, python3, assignment, static typing
---
![python](https://thepracticaldev.s3.amazonaws.com/i/jt5dy283wrihazk1p81b.png)
Python variable assignment is different from some of the popular languages like c, c++ and java. There is no declaration of a variable in python just an assignment statement.

A variable in C++ is a named object. Which has a particular type, that tells what values are allowed and what operations can be performed on this named object.


When we **declare a variable** in C++ or similar languages. The declaration statement sets aside an area of memory for holding values allowed by the **data type** of the declared variable. A data type defines a set of values that are allowed and a set of possible operations in case of objects. The memory allocated will be interpreted as the data type suggests. If it's an integer variable the memory allocated will be read as an integer and so on. When we assign or initialize it with some value, the value will get stored at that memory location. At compile time the initial value or assigned value will be matched with the allowed values for that data type. So we cannot mix types. Example: initializing a string value to an int variable is not allowed, and the program will not compile.

Let's see how python is different?

On the contrary, Python is a **dynamically typed** language. It doesn't know about the type of the variable until the **code is run**. So declaration is of no use. What it does is, It stores that value at some memory location and then binds that variable name to that memory container. And makes the contents of the container accessible through that variable name. So the data type does not matter. A variable can bind to a value of any data type. It will get to know the type of the value at run-time.Once it knows the data type then only valid operations can be performed on it. And it is the programmer's responsibility to ensure that the operands used, support the operations.
```
# This will store 6 in the memory and binds the 
# name x to it. After it runs, type of x will 
# be int. 
x = 6   
  
print(type(x)) 
# This will store 'hello' at some location int  
# the memory and binds name x to it. After it 
# runs type of x will be str. 
x = 'hello' 
  
print(type(x)) 
```
Output:
```
<class 'int'>
<class 'str'>
```
Remote Mid-Senior Rails + JavaScript developer
Tags: rails, javascript
Published: 2018-10-14 04:13:50

---
title: Remote Mid-Senior Rails + JavaScript developer
published: true
description: 
tags: #Rails #JavaScript
---
![](https://thepracticaldev.s3.amazonaws.com/i/dhg0npoh26iratesv71c.png)

##Hello Universe,


Saw this interesting opportunity on seek and thought of all the girls and guys on DEV.to.  Love to here how you go. 

![gleam.io_web_dev](https://www.seek.com.au/job/37429243 "Logo Title One")


Cheers <sub>T</sub><sup>C</sup> 

___
Rust Little Book 3 Days(v1.0)
Tags: small, rust, quick, littlebook
Published: 2018-10-14 02:45:07

---
title: Rust Little Book 3 Days(v1.0)
published: true
description: 
tags: small, rust, quick, Little Book
---

This v1.0 has a directory for reading. Hope you like it.

[link-->](https://www.yuque.com/progfun/rust/kyeuf7)