teleren/devto huggingface dataset:
Rich Dad Poor Dad Lessons Learned Notes Part 3
Tags: devjournal
Published: 2019-09-23 22:57:20

---
title: Rich Dad Poor Dad Lessons Learned Notes Part 3
published: true
description: Just wrote lesson I learned from the book Rich Dad Poor Dad
tags: #devjournal
---

⦁	The majority of taxes aren't payed by the rich, they are paid by the poor and middle class
⦁	Taxes were made popular by the government telling the poor that the taxes were for the rich.
⦁	The government is respected and gets power based on its size. A rich man gets respect and power by paying less and keeping more income, aka not having tons of employees.
⦁	A corporation is merely a document in a clerks office that creates a body without a soul and protects the rich.
⦁	Average Americans today work 5-6 months just to cover their taxes.
⦁	The tax man is the biggest bully and will always take more if you let him.
⦁	It is expensive to not know the law, (I personally saved 1500$ after filing taxes by looking up a clause that I had missed and then fixed by amending my return.)
⦁	Corporations get taxed after they spend everything they can, basically money left over is what a corporation gets taxed on.
⦁	Rich use vehicles like corporations and trusts that protect their assets.
⦁	If you own any assets find out the benefits of setting up a corporation. (Personal corporations exists.)
⦁	Don't resist change, sometimes its the old ideas that are the biggest liability.
⦁	Never wait for the right opportunity, push to make the right opportunity happen
⦁	Knowledge is important, those who fail to recognize an oportunity lose.
⦁	If you don't have enough money for an oportunity, how can you still win from it, is financial intelligence.
⦁	You create your own luck.
⦁	Money is not real, money is what we agree it is, those who realize it can make more then those who don't.
⦁	Millions get made without money at all, because just by an agreement between two people, money can be transfered/made.(example buy sell stocks using broker.)
⦁	Humans are designed to learn by making mistakes, so while you should be carefull while getting rich, dont be afraid of losing or failure.
⦁	2 types of investors the ones who buy a prepackage component and the ones who put things together to build an investment.
⦁	Huge wins come from those who can put investments together successfully.
⦁	Find opportunities that others missed builds your financial intelligence.
⦁	Learn how to raise money without a bank.
⦁	Its what you know, not what you buy.
Introducing themes + Scroll cards, Twitter timeline | Module Monday 56
Tags: showdev, githunt, webdev, javascript
Published: 2019-09-23 22:27:40

---
title: Introducing themes + Scroll cards, Twitter timeline | Module Monday 56
published: true
description: Module Monday 56
tags: showdev, githunt, webdev, javascript
cover_image: https://res.cloudinary.com/component/image/upload/b_rgb:ffffff,c_lpad,h_350,w_800/v1569262191/forty_a2o0bb.png
canonical_url: https://guide.anymod.com/module-monday/56.html
---

## Everything below is open source 
It's free to use on any website, web app, or anywhere else. There are hundreds more like these built & shared on [AnyMod](https://anymod.com).

Click a mod to see it along with its source code.

## Forty theme
A colorful dark theme with 6 matching mods.
<a class="btn btn-sm" href="https://anymod.com/html-theme-templates/forty">View mod</a>
<a href="https://anymod.com/html-theme-templates/forty">
  <img src="https://res.cloudinary.com/component/image/upload/v1569262191/forty_a2o0bb.png"/>
</a>

## Horizontal scroll cards
Cards that automatically scroll sideways when reached.
<a class="btn btn-sm" href="https://anymod.com/mod/horizontal-scroll-cards-annbb?preview=true&lorem=true">View mod</a>
<a href="https://anymod.com/mod/horizontal-scroll-cards-annbb?preview=true&lorem=true">
  <img src="https://res.cloudinary.com/component/image/upload/v1569262232/scroll-cards_sccxxq.gif"/>
</a>

## Intro section with integrated menu
Customize your background, text, and links.
<a class="btn btn-sm" href="https://anymod.com/mod/hero-navigation-with-collapsible-sidebar-nkorba">View mod</a>
<a href="https://anymod.com/mod/hero-navigation-with-collapsible-sidebar-nkorba">
  <img src="https://res.cloudinary.com/component/image/upload/v1569262199/hero_yzwqqw.png"/>
</a>

## Twitter user timeline
Embed a full interactive timeline for your any Twitter account.
<a class="btn btn-sm" href="https://anymod.com/mod/twitter-user-timeline-nkdab">View mod</a>
<a href="https://anymod.com/mod/twitter-user-timeline-nkdab">
  <img src="https://res.cloudinary.com/component/image/upload/v1569262188/twitter_kods6k.png"/>
</a>

## Simple headline
A basic text headline that you or your team can edit easily.
<a class="btn btn-sm" href="https://anymod.com/mod/simple-headline-nkolda">View mod</a>
<a href="https://anymod.com/mod/simple-headline-nkolda">
  <img src="https://res.cloudinary.com/component/image/upload/v1569262174/headline_jr50cc.png"/>
</a>


<hr>

I post new mods from the community [here](https://dev.to/tyrw) every (Module) Monday -- I hope you find them useful!

Happy coding ✌️
A free coding education platform 🤖
Tags: javascript, beginners, tutorial
Published: 2019-09-23 21:56:24

Hey 👋,
I’m Julien, the creator of Flawwwless. After a career shift a few years earlier, I decided to teach myself to code and start building apps. One of those projects is Flawwwless!

I’m currently working on the second version of Flawwwless so I would appreciate getting your feedback on this first version 🙂

https://www.flawwwless.com/
Implement a Serverless JavaScript Node.js Function with an Azure Storage Cache
Tags: javascript, aws, azure, serverless
Published: 2019-09-23 21:24:36

---
title: Implement a Serverless JavaScript Node.js Function with an Azure Storage Cache
published: true
description: This third article in the series about migrating from AWS Lambda to Azure Functions demonstrates how to integrate JavaScript Node.js code to compute a prime and use Azure Storage Tables to implement the cache.
tags: javascript, aws, azure, serverless
canonical_url: https://medium.com/microsoftazure/moving-from-lambda-%C6%9B-to-azure-functions-b6d5ed5ca007?part=3
series: Moving from Lambda to Azure Functions
---
> This article is part of [#ServerlessSeptember](https://dev.to/azure/serverless-september-content-collection-2fhb). You'll find other helpful articles, detailed tutorials, and videos in this all-things-Serverless content collection. New articles are published every day — that's right, every day — from community members and cloud advocates in the month of September.

> Find out more about how Microsoft Azure enables your Serverless functions at [https://docs.microsoft.com/azure/azure-functions/](https://docs.microsoft.com/azure/azure-functions/?WT.mc_id=devto-blog-jeliknes).

The Azure Functions app is created (see previous article) and ready to host our _real_ code. 

# Integrate the Code and the Cache

In this episode, a new HTTP endpoint is implemented using an existing Azure Functions app to compute primes. Watch how easy it is to migrate the code to Azure then install a Node.js package for Azure Storage. Finally, use [Azure Table Storage](https://docs.microsoft.com/azure/cosmos-db/table-storage-overview?WT.mc_id=devto-blog-jeliknes) to cache the results.

{% youtube kdG0r12RU0U %}

You can view the source code for the sample app and deploy the migrated code directly to Azure with a single-click in the “AWSMigration” GitHub repository.

{% github JeremyLikness/AWSMigration %}

In the next article, we'll take a step back to explore Azure concepts as they relate to our serverless app.

## Resources

1. [Create your free Azure account](https://azure.com/free?WT.mc_id=devto-blog-jeliknes)
2. [Azure Table Storage](https://docs.microsoft.com/azure/cosmos-db/table-storage-overview?WT.mc_id=devto-blog-jeliknes)
3. [How to Use Azure Table Storage from Node.js](https://docs.microsoft.com/azure/cosmos-db/table-storage-how-to-use-nodejs?WT.mc_id=devto-blog-jeliknes)
The null-coalescing operator in C# 8.0
Tags: csharp, dotnet
Published: 2019-09-23 20:46:53

---
title: The null-coalescing operator in C# 8.0
published: true
description: How to use the new null coalescing operator in c# 8.0
cover_image: https://thepracticaldev.s3.amazonaws.com/i/lmo1owqlh35f9b3b2csz.png
tags: #csharp, #dotnet
---
***
*Welcome!* Spanish articles on [LinkedIn](https://www.linkedin.com/in/mpetrinidev/). You can follow me on [Twitter](https://twitter.com/mpetrinidev/) for news.
***

## What is null-coalescing?

According to ms docs, the null-coalescing operator `??` returns the value of its left-hand if it isn't null; otherwise, it evaluates the right-hand operand and returns its result. The ?? operator does not evaluate its right-hand operand if the left-hand operand evaluates to non-null.


Through a Youtube video, I'll show how to use the null coalescing operator in C# 8.0 and the evolution of this: 

* Old way
* With C# 7
* Finally with C# 8.0

### Example

We have a variable called age with a null value

```cs
    static int? GetNullAge() => null;
    static int? GetAge() => 27;

    int? age = GetNullAge();
```

### Old way

We need to check if the value is null and then assign the value

```cs
    if (age == null)
    {
        age = GetAge();
    }
```

### C# 7

We use the `null coalescing operator`

```cs
    age = age ?? GetAge();
```

### C# 8.0

We use the `compound assignment operator`

```cs
    age ??= GetAge();
```

For more information: 

### Youtube video

{% youtube unRcg7kTpDQ %}

#### Github GIST

{% gist https://gist.github.com/mpetrinidev/0864c22bb94df75331d6b6035a8a1106 %}
Easy way to switch color formats in VS Code
Tags: vscode, productivity
Published: 2019-09-23 20:25:31

If you’ve ever worked with CSS inside VS Code, you’ve probably seen or used the integrated color picker. It’s a little tool that lets you preview colors, adjust them and change their opacity. I’m using it often and find it quite handy.

But did you know you can also use it for quickly switching between different color formats? How? By clicking on the color string at the top.

![Switching between color formats](https://thepracticaldev.s3.amazonaws.com/i/4d42jrcpkobb8uvr4rdf.gif)

To be honest, I was considering building an extension that does just that! I didn’t know this feature existed until a few days ago when I saw it in one of @_clarkio’s [Twitch streams](https://www.twitch.tv/clarkio). It’s quite hidden, in my opinion, and is one of those things that you either know it exists or you discover it by accident.

So now that you know about it, I hope you’ll be using it in your work 😉
Rails queueing system, should I use delayed_job or sidekiq?
Tags: discuss, rails, help
Published: 2019-09-23 20:10:21

I'm working on a message queueing system in a Rails application and trying to figure out whether to use delayed_job or sidekiq. Reading articles online it seems sidekiq is better performant for the job but wondering if for my use case if delayed_job should be considered.

Basically it's a message system that will have messages that can be immediately delivered or could be scheduled for a future date. Should also be able to edit the queued message as well as delete them from the queue.

This application will run on Heroku if there are any technical considerations around that choice.

Considering AWS' SQS as well but thinking it'll be more overhead to go down this route.
Hands-on React projects for practice
Tags: react, javascript, beginners, productivity
Published: 2019-09-23 20:07:28

As a JavaScript developer I had a chance to mentor a few people and show them how JS works both on the server and client side. Some of them were beginners and some already quite skilled JavaScript developers. Despite their experience level, in one point of time everyone needed some practical tasks to brush up on skills so that they can be ready when a real project kicks in. 

For that purpose, I've already published some of those tasks that you can pick up and practice. As a sidenote, we're using them as a part of the selection process for an internship or a job.


{% github https://github.com/cobeisfresh/frontend-tasks %}


If you have some tasks that you would like to share with others, please post them in the comment. 

**If you solve task, feel free to send me a link to the solution and I will do my best to give you a constructive feedback!**
The Great iOS Reworking Begins, Hello Dark Mode
Tags: swift, ios, ipados
Published: 2019-09-23 19:58:52

[Originally appeared on CompileSwift](https://www.compileswift.com/journal/2019-09-23/)

With the now released iOS 13.0 and the pending release on Tuesday Sept. 24th 2019 of iPadOS 13.1 and iOS 13.1, Apple has made some big moves forward in not only how the operating systems work but more importantly for users, how they look.

_**Dark mode**_ is now officially supported on Apple _i_ devices at the system level, that means application developers need to not only check but also embrace the change. And we should.

Not only does this new presentation mode give users something they have long wanted and asked for, but it also has an impact on other areas of the devices. For example, with true black _off_ pixels in the displays thanks to [OLED technology](https://en.wikipedia.org/wiki/OLED) it helps to extend battery life, even if just by a little bit.

If you did not go crazy with your application UI design and custom colors then you may be in for a surprise and discover that you are good to go, or maybe at least mostly on the way there.

Apple designers worked hard on building a great set of color systems in both modes that not only feel natural but pleasing to the eye at varying brightness levels and view environments.

If you are not sure how to start working with the new dark/light mode support then I recommend checking out the [WWDC 2019 videos](https://developer.apple.com/videos/wwdc2019/) and supporting Apple [documentation](https://developer.apple.com/documentation/appkit/supporting_dark_mode_in_your_interface/).
JavaScript’s Primitive Wrapper Objects (the hidden feature)
Tags: javascript
Published: 2019-09-23 19:55:34

# Prerequisites
To understand this article we need to know more about primitive data types in javascript.

There are **seven** data types in javascript:
- String
- Number
- Boolean
- Object
- Null
- undefined
- Symbol

Primitive data type means it is not an object and has **no methods**. All primitives are **immutable** (the value cant be altered). Let's see the following example:

{% gist https://gist.github.com/abdelrahmanahmed/12be42048521f724a1eda8a276a2ff5d %}

we declared a primitive variable called **result** and a function that adds five to the result. The output is zero because **addFive** function creates a local copy of **result** and adds five to it and then the local copy variable is destroyed.

Keep in mind that there is a difference between **altering the value** and **reassigning the value of a variable**.
`
let number5 = 5;
number5 = 10; //(number5 variable is reassigned to a new value (10)
`
Now we are ready, let's back to our main topic.

#Motivation
Have you ever wondered how this line of code even works?

{% gist https://gist.github.com/abdelrahmanahmed/01a109632df17adb81914c0d15e05ddd %}


You declared a primitive type (String) but still, you can use **toUpperCase** method, one of String object methods, how is that possible? another good question, if we can use String methods on str then we can treat it as an object and set properties on it like this one :

{% gist https://gist.github.com/abdelrahmanahmed/234994895edf19c28f04e2400f43b285 %}


But it outputs **undefined!** sounds weird right?

#Explanation
If you try to access properties or set a new property on a string primitive type, javascript will create a temporary object wrapper implicitly on it using String constructor function. See the following example:

{% gist https://gist.github.com/abdelrahmanahmed/c1a133d557704964486ce09e3d60433d %}

As you can see, a temporary object wrapper was created when you tried to set the **custom** property to **str**, and the result is 1, after that the temporary object wrapper is removed and the custom property doesn’t exist anymore.

Except for *null* and *undefined*, all primitive values have object equivalents that wrap around the primitive values.

Keep in mind that javascript engine doesn’t keep this wrapper object around, as soon as the work of the method or other property is done, it is disposed of.

Thank you for your time, please Don’t hesitate to comment below if you have any questions.
How to Make Your Website Themeable With CSS Variables
Tags: css, programming, javascript, webdesign
Published: 2020-02-12 21:35:20

---
title: How to Make Your Website Themeable With CSS Variables
published: true
date: 2019-09-23 19:31:32 UTC
tags: css,programming,javascript,web-design
canonical_url: 
---

[![](https://cdn-images-1.medium.com/max/2600/0*2I9ym3yWraM8u3x1)](https://medium.com/better-programming/how-to-make-your-website-themeable-with-css-variables-81468d7c6f72?source=rss-3a534b5053e6------2)

Give your website a completely new feel with themes

[Continue reading on Better Programming »](https://medium.com/better-programming/how-to-make-your-website-themeable-with-css-variables-81468d7c6f72?source=rss-3a534b5053e6------2)
The 7 Most Popular DEV Posts from the Past Week
Tags: top7
Published: 2019-09-23 18:30:13

---
title: The 7 Most Popular DEV Posts from the Past Week
published: true
description: A round up of the most-read and most-loved contributions from the community this past week.
tags: icymi
cover_image: https://thepracticaldev.s3.amazonaws.com/i/sfwcvweirpf2qka2lg2b.png
---
Every Monday we round up the previous week's top posts based on traffic, engagement, and a hint of editorial curation. The typical week starts on Monday and ends on Sunday, but don't worry, we take into account posts that are published later in the week. ❤️

#1. Six Practices

With over ten years of experience, Arpit shares six practices to prevent their future self from going crazy. For example, don't follow the DRY principle blindly. 

{% link https://dev.to/mohanarpit/coding-practices-your-future-self-will-love-you-for-ohe %}

#2. Embracing Minimalism

Paula explains how you can apply minimalism to write cleaner, more productive code. 

{% link https://dev.to/paulasantamaria/6-ways-minimalism-can-help-you-write-clean-code-45kp %}

#3. What do you want to do?

A guide to what type of Linux you should choose, based on what you're looking to do. 

{% link https://dev.to/pluralsight/which-distribution-of-linux-should-i-use-51g7 %}

#4. Some Pointers

Pauline shares pointers for tech leads on how to improve engineering culture for junior developers (also great points to consider for anyone looking to work for a new organization). 

{% link https://dev.to/httpspauline/5-ways-to-create-a-junior-developer-friendly-culture-3n4 %}

#5. Eye-Opening

This post is "less about how something works, and more about how it reads." Laurie walks through an example on all the different ways we can write the same logic, and why we should pick the solution optimized for human readability. 

{% link https://dev.to/laurieontech/human-readable-javascript-337o %}


#6. CSS is Cool

Lots of pretty images and code snippet examples of styling different shapes in CSS.

{% link https://dev.to/sharkcoder/css-shapes-244j %}

#7. Appreciation Post

A quick introduction to Gitlens. 

{% link https://dev.to/glsolaria/gitlens-where-have-you-been-all-my-life-1c2d %}

_That's it for our weekly wrap up! Keep an eye on dev.to this week for daily content and discussions...and if you miss anything, we'll be sure to recap it next Monday!_
#100DaysOfTechTweets
Tags: beginners, react, javascript
Published: 2019-09-23 18:10:16

I started a tweet chain on twitter as #100DaysOfTechTweets. The first topic is ReactJs. Anyone interested,please join me here https://twitter.com/neowelkin/status/1175519419579207680?s=19
Please share within your network for beginners/newbies.
And do correct my knowledge of anything I have tweeted, that doesn't makes sense.
Using Blazor Components
Tags: blazor, csharp
Published: 2019-09-23 17:36:18

Imagine that you're writing a Blazor application - maybe it's similar to <a href="https://github.com/pcmichaels/BlackJackStrategy">this one</a>.  Now, imagine that you have a large chunk of HTML in your main view.  You might think: I wish I was using React, then I could separate this into its own component.

You can also do this in Blazor.  Here's how.

<h1>Components in Blazor</h1>

Let's start with moving your code.  The first step is to cut your HTML and paste it into a new Razor Component:

<a href="https://www.pmichaels.net/wp-content/uploads/2019/08/razor-components.png"><img src="https://www.pmichaels.net/wp-content/uploads/2019/08/razor-components.png" alt="" width="1417" height="811" class="alignnone size-full wp-image-3849" /></a>

The format of your new component, from scratch, will be:

```csharp
    <h3>Component Name</h3>
    
    @code {
    
    }
```

Your existing code should go beneath, or instead of:  

```HTML
<h3>Component Name</h3>
```

<h1>Parameters</h1>

The @code section allows you to put all kinds of crazy C# code in a code behind type model - so you probably don't want to use that, except for passing parameters; for example:

```csharp
@code {
    [Parameter]
    private string MyParameter { get; set; }
}
```

This allows you to pass a string into your component; for example (in your main view):

```csharp
<MyComponent MyParameter="test" />
```

<h1>Complex Parameters</h1>

So far so good.  But what if you need a complex type?  You could, for example, pass a <a href="https://www.pmichaels.net/2019/07/07/using-view-models-in-blazor/">View Model</a> into your component:

```csharp
[Parameter]
private MyViewModel MyViewModel { get; set; }
```

You can pass this into the component as though it were a primitive type:

```HTML
<MyComponent MyViewModel="@MyViewModel" />
```

This means that you can lift and shift the code with no changes.  

<h1>Using External Namespaces</h1>

As with standard C#, you can access anything within the current namespace.  Should you need any classes that are not in your current namespace, you can declare them at the top of the file, like this:

```HTML
@using MVVMShirt

<h3>My Component</h3>
```


<h1>Summary</h1>

Blazor is still in its infancy, but hopefully, adding actual code to these @code sections will become as frowned upon as code-behind.
Introducing Pro Version of React Fullscreen Lightbox!
Tags: react, reactlightbox, lightbox, fullscreenlightbox
Published: 2019-09-23 17:13:05

---
title: Introducing Pro Version of React Fullscreen Lightbox!
published: true
description: Already stunning React lightbox component improved by: thumbs, zooming, slideshow, captions and more!Environment!
tags: react, react lightbox, lightbox, fullscreen lightbox
---
Pro version of React Fullscreen Lightbox is finally there!

Lightbox was improved by features like thumbs, captions, zooming and more! Check pro version page https://fslightbox.com/react/pro.

If you want to see it in action: https://fslightbox.com/react.

Total pro version cost: 19.90$ or 39.90$ (depending on license).

![React Lightbox](https://thepracticaldev.s3.amazonaws.com/i/7sagru2q06q6w4oexf8r.jpg)