teleren/devto huggingface dataset:
Priorities And How To Be More Productive
Tags: business, life, productivitytools
Published: 2022-08-28 08:17:25

---
title: Priorities And How To Be More Productive
published: true
date: 2021-05-17 14:07:00 UTC
tags: Business,life,productivitytools
canonical_url: https://greenido.wordpress.com/2021/05/17/priorities-and-how-to-be-more-productive/
---

[![](https://greenido.files.wordpress.com/2021/05/screen-shot-2021-05-12-at-20.40.32.png?w=485)](https://greenido.files.wordpress.com/2021/05/screen-shot-2021-05-12-at-20.40.32.png)<figcaption>Yes! Aim to the upper left…</figcaption>

> “However beautiful the strategy, you should occasionally look at the results.”
> 
> <cite>Winston Churchill</cite>

When we are talking about productivity there is a big difference between doing a lot of work and producing results. There are many cases, where people have too many ‘urgent projects’ and when everything is on ‘fire’ – It’s much harder to focus on the leverage points that will produce the most meaningful results with minimal effort.

> “What is important is seldom urgent and what is urgent is seldom important.”
> 
> <cite>Dwight D. Eisenhower</cite>

It’s good to remember both quotes as they give you a good hint during a ‘busy day’.

## Good hacks

- Find time to go out and enjoy nature. Always.  
- Set a time to think about your goals and have a list of action items you need to do to get to your goals. The next step is to organize this list and see which action items can bring you closer but won’t take a lot of effort. These are the ones you wish to do first. It’s the ‘High Impact’ & ‘Low Effort’ section in the chart at the top.  
- Block time to do some ‘real work’. At that time, make sure your other devices aren’t in reach and you set a ‘zen mode’ in your editor (or any similar settings if you aren’t a developer).  
- Try to set time for work (20-30min intervals) and rest (~15min between).   
Something like [Pomodoro\_Technique](https://en.wikipedia.org/wiki/Pomodoro_Technique). It’s important not to work yourself until exhaustion. You won’t do your best work and the quality of your creations will go down.   
Here is [a Pomodoro tool](http://ido-green.appspot.com/html5timetracker/index-en.html) to help you with that.  
- Make sure you are working against the priorities you set – Especially when new requests are coming in.   
- Say ‘no’ to projects that aren’t on your list of priorities (most probably they won’t move the needle for you).  

What else is working for you?

![](https://i1.wp.com/ido-green.appspot.com/imgs/someone-busy-is-running.png)<figcaption>If you want something done – give it to a busy runner</figcaption>

What else?   
Here are some more [posts on productivity](https://greenido.wordpress.com/tag/productivity-tools/)

## Have a good week!

<script>
				__ATA.cmd.push(function() {
					__ATA.initDynamicSlot({
						id: 'atatags-26942-60a278a404898',
						location: 120,
						formFactor: '001',
						label: {
							text: 'Advertisements',
						},
						creative: {
							reportAd: {
								text: 'Report this ad',
							},
							privacySettings: {
								text: 'Privacy',
								
							}
						}
					});
				});
			</script>
Flutter Filter list package v.0.06, v.0.07, v.0.08 and v.0.09
Tags: flutter, dart
Published: 2021-05-17 13:57:03

filterList is a flutter package which provide utility to search/filter data from provided dynamic list.

## Change Logs


### [0.0.9] - 01 Apr 2021
* Migrated to null safety.
* `label` is replaced with `choiceChipLabel`

### [0.0.8] - 28 Mar 2021
* Added `choiceChipBuilder` to build custom choice chip.
* Added `selectedChipTextStyle`, `unselectedChipTextStyle`, `controlButtonTextStyle`, `applyButtonTextStyle`, `headerTextStyle` and `searchFieldTextStyle` styles.
* Removed `applyButonTextColor`, `allResetButonColor`, `selectedTextColor`, `unselectedTextColor` colors properties.

### [0.0.7] - 20 Feb 2021
* Update Doc

### [0.0.6] - 20 Feb 2021
* Convert filter list package to generic list filter package
* `allTextList` changed to `listData`
* `selectedTextList` changed to `selectedListData`
* `FilterListWidget` and `FilterListDialog` can filter any type if list
* Added `validateSelectedItem` callback to validate which item needs to be selected 
* Added `onItemSearch` callback to expose search mechanism on user side to filter list.'

Package link:- https://pub.dev/packages/filter_list

Demo App link:- [Demo App](https://github.com/TheAlphamerc/flutter_plugin_filter_list/releases/download/v0.0.5/app-release.apk)

Source code:- https://github.com/TheAlphamerc/flutter_plugin_filter_list


## Contributing

If you wish to contribute a change to any of the existing features or add new in this repo,
please review our [contribution guide](https://github.com/TheAlphamerc/flutter_plugin_filter_list/blob/master/CONTRIBUTING.md),
and send a [pull request](https://github.com/TheAlphamerc/flutter_plugin_filter_list/pulls). I welcome and encourage all pull requests. It usually will take me within 24-48 hours to respond to any issue or request.
3 Tips to improve Livewire Performance
Tags: larave, livewire, tips
Published: 2021-05-17 13:36:26

Livewire provides 2 way binding such that any HTML element can be tied to a specific property in Component. 

So if you have a Laravel Component like below:

```
class Product extends Component
{
    public $name;
```

You can bind this `$name` variable to any HTML Element using `wire:model` tag like below:

```
    <input type="text" wire:model="name" />
```

So if you change the input field value, `$name` property of the Component will automatically be updated and vice-versa. If you have used front end Frameworks like Vue or Angular, you are already aware of this concept. However, this binding in Livewire can be expensive. Everytime there is a change in the input value, there will be an AJAX Call fired and whole component will be updated.

In this Article, we will discuss 3 ways to improve Performance:

**Using debounce keyword**: By default Livewire will send an AJAX Request 150ms after each keystroke. You can increase this time to say 500ms and Livewire will then wait for 500ms before sending an AJAX Request. You can do so by using the following syntax

```
    <input type="text" wire:model.debounce.500ms="name" />
```

**Using lazy keyword**: Sometimes using a debounce is not enough. You can further reduce the AJAX requests by using lazy keyword.

```
    <input type="text" wire:model.lazy="name" />
```

Using lazy keyword, Livewire will only send an AJAX Request when you click outside the input field.

**Using defer keyword**: If there are many fields in your form, using lazy keyword might not be enough. You might only need the values in your component when the form is submitted. For such scenarios you can use the defer keyword like below:

```
    <form wire:submit.prevent="addProduct">

        <input type="text" wire:model.defer="name"></x-input>
        .
        .
        .

        <button class="mt-4">Submit</button>
    </form>
```
In the above scenario, no AJAX Call will be fired when you change the input field related to name. However, when you submit the form the corresponding AJAX Request will update the value of `$name` property.

So depending upon your use case, you can drastically reduce the number of AJAX Requests and improve the performance of your Livewire Components.

For similar articles, you can follow me on [Twitter](https://twitter.com/TheLaravelDev)
Load Google Fonts in React Native with expo google fonts
Tags: reactnative, react, googlefonts, tutorial
Published: 2021-05-17 13:48:35

## Google Fonts in React Native
check the documentation here -> https://github.com/expo/google-fonts

Start: type this into your terminal to install the expo font package

```shell
expo install expo-font
```
then type this command

```shell
expo install @expo-google-fonts/your-font
```
replace your-font with the font you want to install, like in the example below:

```shell
expo install @expo-google-fonts/lato
```

then add in your (for example) app.js the following code. Also check the Comments in the Code :)

```javascript
// import oswald font
import {
  useFonts as useOswald,
  Oswald_400Regular,
} from "@expo-google-fonts/oswald";
// import lato font
import { useFonts as useLato, Lato_400Regular } from "@expo-google-fonts/lato";


export default function App() {
// useFont Hook
  const [oswaldLoaded] = useOswald({
// load any font variation in here
    Oswald_400Regular,
  });
  const [latoLoaded] = useLato({
    Lato_400Regular,
  });
// check if they are there
  if (!oswaldLoaded || !latoLoaded) {
    return null;
  }
```

if you have any questions, feel free to ask 🙌🏻
Storage issue
Published: 2021-05-17 13:35:26

Please Help!!!...

I dont know what happen here. The website is working fine and my VSCode, however everytime I upload 6.1 MB image there is an error on the browser console saying   index.js:formatted:1 Error storing data DOMException: Failed to execute 'setItem' on 'Storage': Setting the value of 'persist:root' exceeded the quota.But I can still upload the picture. It allows me to do it. I can still save it.

On this component I am using React Redux , 
import { createStore, applyMiddleware, compose } from "redux";
import { routerMiddleware } from "connected-react-router";
import { persistStore, persistReducer } from "redux-persist";
import storage from "redux-persist/lib/storage";

I hope you can give me an idea how to fix it. I am dealing with this issue since last week.

Thank you.
Rails helper methods to change the form of strings
Tags: rails, webdev, beginners
Published: 2021-05-17 13:34:50

![Rails logo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/859zvhuj95gkrewki27i.png)
Rails has a lot of built-in helper methods that do not just help you write readable/clean code but also provide you with a great coding experience and this is one of the reasons why Rails is so popular. I have created a list of Rails helper methods for changing the form of strings and would like to share with you:

###Camel Case###
Each next word begins with a capital letter:
```ruby
"admin_user".camelize #=> "AdminUser"
```
###Snake case###
Each space is replaced by an underscore (`_`) character. The reverse of `.camelize`:
```ruby
"AdminUser".underscore #=> "admin_user"
```
###Dasherize###
Replaces underscores with dashes in the string:
```ruby
"admin_user".dasherize #=> "admin-user"
```
###Pluralize###
Returns the plural form of the word in the string:
```ruby
"user".pluralize #=> "users"
"person".pluralize #=> "people"
"fish".pluralize #=> "fish"
"octopus".pluralize #=> "octopi"
"apple and banana".pluralize #=> "apple and bananas"
"apple_and_banana".pluralize #=> "apple_and_bananas"
"apple-and-banana".pluralize #=> "apple-and-bananas"
"AppleAndBanana".pluralize #=> "AppleAndBananas"
```
###Singularize###
The reverse of `.pluralize`, returns the singular form of the word in a string:
```ruby
"users".singularize #=> "users"
"people".singularize #=> "person"
"apples and bananas".singularize #=> "apples and banana" 
"apples_and_bananas".singularize #=> "apples_and_banana" 
"apples-and-bananas".singularize #=> "apples-and-banana" 
"ApplesAndBananas".singularize #=> "ApplesAndBanana"
```
###Titleize###
Capitalizes all the words and replaces some characters in the string to create a nicer looking title:
```ruby
"the lord of the rings".titleize #=> "The Lord Of The Rings"
```
###Humanize###
Capitalizes the first word, turns underscores into spaces, and strips a trailing `_id` if present. Like `.titleize`, this is meant for creating pretty output:
```ruby
"apples_and_bananas".humanize #=> "Apples and bananas"
"user_id".humanize #=> "User"
```
###Classify###
Creates a class name from a plural table name:
```ruby
"user".classify #=> "User"
"apple_and_bananas".classify #=> "AppleAndBanana"
```
###Tableize###
Creates a name of the table for models:
```ruby
"User".tableize #=> "users"
"AppleAndBanana".tableize #=> "apple_and_bananas"
```
***
If you know any other helper methods, please let me know in the comment!
Javascript Functions
Published: 2021-05-17 13:29:50

#important terms
1.function-Subprogram called to perform a particular task.
2.Variable- identifier used to represent a single data item.
3.Parameter-Variable used to store values ,within a function.
4.Arguments-Actual values stored within a function.
# 3 Ways of Declaring Function
  a)1.traditional way
 ```function calAge(cyear,yob){ 
      return cyear-yob;
}
console.log(calAge(2021,2000))```



b)embedding it in a variable
```const age=function calAge(cyear,yob){
                          return cyear-yob;  
                     }
                     console.log(age(2021,2000)```

c)Using Arrow
```const age  = (cyear, yob)  => {
            return cyear - yob; 
            }
                console.log(age(2021,2000)```
#note
for all the above the output is 21,

parameters are those inside the function parenthesis while auguments are the 2021,2000 values within the console.log().

#try it yourself,happy coding Nerds
Basic Vim Commands Every Linux User Must Know
Tags: beginners, codenewbie, linux
Published: 2021-05-17 13:27:11

Vim is the most popular text editor and the most powerful tool in [Linux](https://www.linux.com/what-is-linux/). And in order to master it, one must learn its basic commands. 

Vim is one of the most interesting applications that any Linux user must learn at some point. It’s a very old text editor from the early days of UNIX, incredibly powerful and versatile, and fun to use :computer:

Even if you’re not a developer or programmer, Vim is still an essential tool that you should learn if you use Linux or BSD on a daily basis.

If you are new to Vim, I recommend [these exercises](https://vim.is/)

## What are modes?

Vim has two modes: normal mode and insert mode.  

In normal mode, you can navigate through a text file and perform actions like delete, copy, paste, search, etc. 

In insert mode, you can type or edit text. You can toggle between these modes by pressing the i or esc keys.

## Must-know commands

So, here are a few basic command line options every Linux user must know.

* Navigate text with the arrow keys (insertion mode)
* To escape from insert mode press the Esc key. Then you can use the keys (h,j,k,l) as alternative to the arrow keys

* If you want to move by word, you can use `w` and `e`. The `w` stands for word ahead while `e` stands for word end.
* If you ever need to delete a sentence without deleting the whole text, you can type `dd` which deletes the whole line.
* Then, there is `J` which joins lines if you have a single-line paragraph
* The last basic command is `:wq` which saves your file and closes Vim. To quit without saving press `:q!`
* Use the command `:w` to save the file

## Terminal or GUI?

Vim, like many other Linux applications, has both a [command line](https://bsdnerds.org/what-is-linux-shell/) and a GUI (gvim) version. The GUI version has been included with most Linux distributions for years but many users stick to the more familiar command line version. 

This year I used a variety of operating systems (Linux, Mac, RouterOS) and vi/vim is always available. Even on the most limited devices I connect to over ssh.

Vim is often called a "programmer's editor," and so useful for programming that many consider it an entire IDE. It's not just for programmers, though. 

![vim emmet](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dfiusio2ov767pz9kot7.gif)

You can also use this to edit configuration files and perform several other tasks from in the terminal. 

Vim is available in most Linux desktop distributions. It's based on vi which is available on even older or limited systems.

So if you're a Linux user, chances are that you came across vim in your adventures around the terminal.
Career Path
Published: 2021-05-17 13:22:30

#HTML

<p class="codepen" data-height="265" data-theme-id="dark" data-default-tab="result" data-user="sokaluis" data-slug-hash="abJmOrr" style="height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="Hoisting - Career Path">
  <span>See the Pen <a href="https://codepen.io/sokaluis/pen/abJmOrr">
  Hoisting - Career Path</a> by Luis Azocar (<a href="https://codepen.io/sokaluis">@sokaluis</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script>
<iframe height="265" style="width: 100%;" scrolling="no" title="Hoisting - Career Path" src="https://codepen.io/sokaluis/embed/abJmOrr?height=265&theme-id=dark&default-tab=result" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
  See the Pen <a href='https://codepen.io/sokaluis/pen/abJmOrr'>Hoisting - Career Path</a> by Luis Azocar
  (<a href='https://codepen.io/sokaluis'>@sokaluis</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>
Git and GitHub are the same?
Tags: devops, beginners, opensource
Published: 2021-05-17 13:20:33

Are they related? Yes, but are they the same? No. 

Git is a version control system that lets you manage and keep track of your source code history while GitHub is a cloud-based hosting service that lets you manage Git repositories. If you have open-source projects that use Git, then GitHub is designed to help you better manage them. 

After all, in the world of programming, naming conventions aren’t always intuitive. That’s why it’s worth recognizing the connections and the differences in the similarly named Git and GitHub. Both Git and GitHub give programmers valuable version-control functionality so that they can build ongoing coding projects without being afraid of messing everything up. GitHub just takes things a little bit further than Git, offering more functionality and resources, as well as a place online to store and collaborate on projects. 

Happy Coding!
Angular pagination
Tags: pagination
Published: 2021-05-17 13:20:12

Sometimes we need to display a huge list of data let's say a 500 article or more in one table. For the user experience it is not practical to put all of them in one page a specially when user have small device to display the list. So we need a better solution for that.

PAGINATION: that means divide the list to a smaller lists that we can display in client screen. 
So how is it done in angular

1- install ngx-pagination

npm i ngx-pagination

2- import NgxPaginationModule in our module

import { NgxPaginationModule } from 'ngx-pagination';
imports: [..., NgxPaginationModule]

This module allow as to use pagination pipe and directive.

3- add pagination pipe to the list element on the template

*ngFor="let item of items | paginate: { itemsPerPage: 10, currentPage: p }

ItemPerPage : define the number of line we want to display.
CurrentPage : define the number of the page displayed it is defined we define it in the class component.

4- Add pagination-controls directive

<pagination-controls 
(pageChange)="p = $event">
</pagination-controls>

This directive allow navigation between the list pages without leaving the current component
Level Up Your Junior Coding Skills | Podcast
Tags: podcast, beginners, webdev
Published: 2021-05-17 13:18:55

{% spotify spotify:episode:5nlbmjapdhSv44T5l0x7hK %}

## What is HTML All The Things

HTML All The Things is a [web development podcast](https://podcast.htmlallthethings.com/) and [discord community](https://discord.com/invite/jweMCx9) which was started by Matt and Mike, developers based in Ontario, Canada. 

The podcast speaks to web development topics as well as running a small business, self-employment, and time management. You can join them for both their successes and their struggles as they try to manage to expand their Web Development business without stretching themselves too thin. 

## What's This One About?

In this mystery episode, Matt quizzes Mike on how he can level up his junior coding skills after years of being a jack-of-all-trades - juggling business administration, podcast editing, client work, and more. Without a stable schedule of duties to complete, Matt has fallen behind Mike a fair bit in his coding knowledge, but his knowledge across the board of running a small business has increased slowly, yet steadily. Now that the HTML All The Things website is about to be completed, it's time for Matt to try and upgrade those junior coding skills so that he can contribute more to client work and content on the new website.

## Show Notes

1:50 - Marketing side discussion

4:30 - Introduction

8:30 - How to 'level up' Matt's programming skills?

19:45 - Should Matt be learning advanced concepts like data structures and algorithms? 

27:25 - DIYer vs contractor

37:05 - Should Matt be looking at coding tools or just learning more vanilla code (HTML, CSS, JS)?

50:40 - Given the current situation of our business, should Matt even be advancing his programming skills? 

##Key Takeaways

* If your first project in a new ecosystem is a huge undertaking, it's going to weigh you down. Split up your project into smaller more accomplishable ones so that you can move towards your goal but still keep it achievable. 
* You don't really need to know the concepts behind data structures and algorithms to be a good developer


##Social Links

You can find us on all the podcast platforms out there as well as

[Instagram (@htmlallthethings)](https://www.instagram.com/htmlallthethings/)
[Twitter (@htmleverything)](https://twitter.com/htmleverything)
[Facebook (Html All The Things)](https://www.facebook.com/htmlallthethings)
[Tiktok (htmlallthethings)](https://www.tiktok.com/@htmlallthethings?lang=en)