teleren/devto huggingface dataset:
Card Accessible Components Release!
Tags: react, tailwindcss, html, uiweekly
Published: 2022-09-07 11:43:53

Released a new free Component!

Enhance your projects with our diverse, ready to use and fully accessible Cards with 13 variations!

Have a look and give us your feedback!
[
https://wind-ui.com/components/cards/](https://wind-ui.com/components/cards/)
New Accessible Tabs Component Released!
Tags: react, html, tailwindcss, news
Published: 2022-09-07 11:31:26

New Component just got released!

Tabs are out fully ~Accessible~ and ready to be used in your projects.

2 basic styles, 3 size variation and a whooping 15 possible combinations!
[
https://wind-ui.com/components/tabs/](https://wind-ui.com/components/tabs/)
New Accessible Pagination Component Released!
Tags: react, tailwindcss, html, news
Published: 2022-09-07 11:27:17

Hey guys!

New updates and new tailwind components added to our tailwind UI library !!!

A fully accessible pagination component with 5 variations and 20 layout combinations!!

[https://wind-ui.com/components/pagination/](https://wind-ui.com/components/pagination/)

As always we would love to hear your feedback!!
The beginning
Tags: react, html, tailwindcss, uicomponents
Published: 2022-09-07 11:17:36

After working on countless projects with Tailwind CSS we are super excited to be able to give back to this amazing community.

Wind-UI is a free UI component library for HTML and REACT, that focuses on accessibility standards and helps you streamline Tailwind projects.
Have a look and tell us what you think, we'd love to hear your feedback!

[https://wind-ui.com/](https://wind-ui.com/)

Creators:
Christos Pantazis Manos Gaitanakis Eleni Koundouraki
How to upload webpack bundle to S3 / Cloudfront ?
Tags: webpack, nodej, s3, webdev
Published: 2022-09-07 11:04:11

Hi, I am working with a team on a project using NestJS Framework to build a web application. It uses webpack to build the JS file (app.js) and we include it in the index.html file which is been served to the browser, that app.js file can go to a size of 2Mb and it's been downloaded everytime a page is been displayed. 

I was wondering if there is a way to upload that file (app.js) to S3 and serve it from there instead.

Have you ever have such experience in the past ?
Do you know about any USEFUL web3/blockchain projects? I fail to find any...
Tags: discuss, web3, blockchain
Published: 2022-09-07 10:54:09

I've been around blockchain and decentralized systems since early 2016. Professionally and in my spare time, and I have never found any project I could say: "Yes, this is useful and could not be done without this tech" or "This tech makes the project that much better"...

So, my question today is, **do you know of any web3 or blockchain project that you would say it's useful and could only be done with this tech, or at least it adds value?**
arithmetic sequence definition with examples
Tags: education, mathmetics, arithmetic, sequence
Published: 2022-09-07 10:42:41

An [arithmetic sequence](https://www.turito.com/learn/math/arithmetic-sequence) is a list of numbers with a definite pattern. If you take any number in the sequence and then subtract it from the previous one, and the result is always the same or constant then it is an arithmetic sequence.

The constant difference in all pairs of consecutive or successive numbers in a sequence is called the common difference, denoted by the letter dd. We use the common difference to go from one term to another. How? Take the current term and add the common difference to get to the next term, and so on. That is how the terms in the sequence are generated.

If the common difference between consecutive terms is positive, we say that the sequence is increasing.
On the other hand, when the difference is negative we say that the sequence is decreasing.

## Sum of Arithmetic Sequence
Let us take an [arithmetic sequence](https://www.turito.com/learn/math/arithmetic-sequence) that has its first term to be a1 and the common difference to be d. Then the sum of the first 'n' terms of the sequence is given by

Sn = a1 + (a1 + d) + (a1 + 2d) + … + an ... (1)

Let us write the same sum from right to left (i.e., from the nth term to the first term).

Sn = an + (and) + (an – 2d) + … + a1 ... (2)

Adding (1) and (2), all terms with 'd' get canceled.

2Sn = (a1 + an) + (a1 + an) + (a1 + an) + … + (a1 + an)

2Sn = n (a1 + an)

Sn = [n(a1 + an)]/2

By substituting an = a1 + (n – 1)d into the last formula, we have

Sn = n/2 [a1 + a1 + (n – 1)d] (or)

Sn = n/2 [2a1 + (n – 1)d]

Thus, we have derived both formulas for the sum of the arithmetic sequence.

## Important Notes on Arithmetic Sequence:

In arithmetic sequences, the difference between every two successive numbers is the same.
The common difference of an [arithmetic sequence](https://www.turito.com/learn/math/arithmetic-sequence) a1, a2, a3, ... is, d = a2 - a1 = a3 - a2 = ...
The nth term of an arithmetic sequence is an = a1 + (n−1)d.
The sum of the first n terms of an arithmetic sequence is Sn = n/2[2a1 + (n − 1)d].
The common difference between [arithmetic sequences](https://www.turito.com/learn/math/arithmetic-sequence) can be either positive or negative or zero.

if you want to know more about arithmetic sequences you can visit https://www.turito.com/learn/math/arithmetic-sequence
How many requests can we handle in Laravel?
Tags: php, laravel, webserver, throttle
Published: 2022-09-07 10:42:21

In this section, I will review how many requests we can handle in Laravel based on my experience.

I worked on a Laravel project for a campaign. In this campaign, we wanted users come to our website and sign up for it.

On the first day of the campaign, numerous users unexpectedly came to sign up, and the server came down.

After this problem occurred, I researched and came across a concept called Throttle.

With Throttle, also known as Rate Limiter, we can specify how many requests are allowed to come to the program in a certain period.

For example, we have a form, and the user can only register this form ten times in 1 minute, and if it is more than ten times, he must face HTTP error 429, "Too Many Requests." This means more than the number of requests allowed in a period. For this, Laravel has an internal middleware called Throttle, which we can be used by setting it on the routes:

```
Route::post('login', '...')->middleware('throttle:10,1');
```

The part "throttle:10,1" means that the user can send ten requests to the specified route in 1 minute. The request for more than the specified value will not be checked and will be blocked with status code 429.

There is another way;
Every Laravel project inside the `app/Http/Kernel.php` file has a default throttle limit for all API routes:

```
protected $middlewareGroups = [
    ...
    'api' => [
        'throttle:60,1',
    ],
];
```

## 
**burst inserts**
Another reason that may cause problems, as I mentioned in the previous article, is the connection with the database.
Well, it is clear that when you create a panel for registration or user login, you must have a connection with the database, the issue you must pay attention to is controlling this connection.
For example, if you want to insert the information of 10,000 users in the table, you will probably face a problem and get the Too Many Request error.
The proposed solution for large and sudden insertions in a short period of time is to use the queue.

By changing the configuration of this file, we can control how many requests must be handled per minute.
REPORTED LINKS PROJECT
Published: 2022-09-07 10:32:05

The internet is free and open for all to use. This means that anyone with the know-how or resources can own a web application. Some of such web applications use misinformation, misdirection, malwares or viruses. So, an idea popped up in my head,"what if i came up with a web application whereby an individual(s) can report such sites?"
how convenient would that be?
so i got down to it and made a very simple prototypical representation of what it might be.(so much room for improvement was left😜)
**<u>PROJECT'S GOALS</u>**
- Should display all links that have been reported before
- should allow user to agree or disagree if a link that was reported was done rightly so
- users should be able to like the page, post a comment and delete it if they so wish
**<u>KEY FEATURES</u>**
-An agree and Disagree button 
-a section displaying all reported links and reasons for reporting
- a like button and commenting section
**<u>HOW IT WORKS</u>**
On visiting the site, there would be a section listing all links that have been reported. The user can agree which in turn will increase the number of reports or disagree and decrease it. 
If said user is satisfied, they can hit on the like button and leave a comment
The 31 Reserved Keywords in Solidity
Tags: solidity, todayilearned, web3
Published: 2022-09-07 10:24:43

Reserved keywords are special words defined in programming languages that have Special meanings and should not be used as Identiifiers.

These keywords are reserved to write the programming logic and should not be used to name variables and functions.

However, If you do use them to name variables or functions your code would not run correctly.

Here are the 31 keywords available in Solidity.

## The 31 Reserved Keywords

1. after
2. alias
3. apply
4. auto
5. byte
6. case
7. copyof
8. default
9. defined
10. final
11. implements
12. in
13. inline
14. let
15. macro
16. match
17. mutable
18. null
19. of
20. partial
21. promise
22. reference
23. relocatable
24. sealed
25. sizeof
26. static
27. supports
28. switch
29. typedef
30. typeof
31. var

## What if I use a reserved keyword as an Identiifier?

This would raise a `parser error` and your code won't compile.

```
ParserError: Expected identifier but got reserved keyword
```

## How to fix the ParserError?

Scan your code for instances where you used a keyword as a variable name. Or a function name. Then replace every single instance with a non-reserved keyword. Look through the list above and avoid every single one of them.

Hi, I am koha and I am sharing my web3 journey here and on youtube.
📖 How to Read a Book
Tags: tips, tweetpost, linkedinpost
Published: 2022-09-08 21:58:35

---
title: 📖 How to Read a Book
published: true
date: 2022-09-07 10:16:40 UTC
tags: tips,tweetpost,linkedinpost
canonical_url: https://lucas-schiavini.com/how-to-read-a-book/
---

 ![📖 How to Read a Book](https://lucas-schiavini.com/content/images/2022/09/howtoreadbooks.png)

Some tips I've gathered along my way:

- From [The Boron Letters](https://www.amazon.com/Boron-Letters-Gary-C-Halbert/dp/1484825985): Read a book first for the enjoyment of it(which means if you lose curiosity with it as time goes on, just drop the book and pick it up later if that curiosity ever comes back). 
- The second read of the book means taking notes along the way, I use [the Zettelkasten Method](https://lucas-schiavini.com/little-bits-zettelkasten-method/) for that and put on my [second brain on Obsidian](https://lucas-schiavini.com/how-i-use-obsidian-to-organize-my-life/).
- As you take notes, feel free to write important lessons from the book into a blog post or notepad, even if you never publish it.
- If the book Blew your Mind, reread it every couple of years. Compare your understanding of the previous reads with the new ones(notes help with this).

That's it so far, but I'll have more tips after I read "[How to Read a Book](https://www.amazon.com/gp/product/0671212095/ref=ppx_yo_dt_b_asin_title_o01_s00?ie=UTF8&psc=1)" by [Mortimer J. Adler](https://www.britannica.com/biography/Mortimer-J-Adler).

That is it and I will see you at the next one 😁
Data Analytics Services | TekLink International Inc.
Tags: dataanalyticsservices, sapanalyticscloud, datascience
Published: 2022-09-07 10:15:53


Teklink is a top-rated [data analytics services](https://teklink.com/) provider that helps companies realize the power of their data and utilize it to full effect. They enable organizations to consolidate massive volumes of data to build a holistic environment that can be used to derive actionable insights and opportunities. Their services include Data Analytics, Data Warehousing, Data Visualizing, Cloud Infrastructure & Migration, and more. They leverage a wide range of advanced technology like SAP, Microsoft Azure, Tableau, and Google Cloud. Moreover, they have been recognized as a ""Customer First Vendor"" by Gartner for their undivided devotion to customer satisfaction.
What should a programmer buy?
Published: 2022-09-07 10:05:59

Simply purchase the cheapest laptop (if you don't already have one) and then numerous backup SSDs and IDE drives to save your work. Software is available for free in addition to that<a href="https://ectipakistan.com/factors-of-35/">.</a> Check out this shameless self-promotional link for some tutorials on YouTube and free IDEs from Microsoft and JetBrains including VS, VSCode, and Pycharm. In conclusion, a compact laptop and lots of storage are all you need to BUY to write prose; you don't need an Nvidea 3060Ti GPU.
Features of Crypto banking platform
Tags: cryptobankingplatform, cryptobankingapp, cryptobankingsoftware
Published: 2022-09-07 10:02:05

**Intuitive front end :** Utilize our ready-to-use white label mobile application or integrate our banking modules into your current infrastructure for an intuitive front-end.

**Secure API **: Use our API management system to enable seamless interaction with a third party via a secure API.

**Banking modules**: With comprehensive banking modules including customer onboarding, customer accounts, trading, lending, and payments, you can guarantee your consumers a frictionless financial experience.

**Bank Account:** Get a SEPA IBAN account and a SWIFT IBAN account in your name to make it easier for your clients to make payments, with one serving the European Union and the other the rest of the world.

**Debit Card:** Give your users debit cards that can be used at retailers worldwide, both online and in-store, and are pre-loaded with fiat and cryptocurrency.

**Credit Card:** provide your consumers with contactless MasterCard cards so they can simply spend crypto and fiat money in actual life, everywhere that Mastercard is accepted.

**Controllable wallet:** Give your consumers a safe cryptocurrency wallet so they can store and send different coins. Private keys are owned by your clients, who also have total control over their money.

**Remittance**: Get a decentralized remittance platform that makes cross-border transactions swift, safe, and easy.

**Payments **: Benefit from a payment network that permits POS (Point of Sale) transactions utilizing cryptocurrency and fiat money, enabling limitless access to payments.

**Merchant payment gateway:** Launch a trade finance platform that enables your users to easily make and receive business payments from anybody in the globe via a merchant payment gateway.

**Cryptocurrency Trading Desk: **Create a trading platform so that your clients can exchange cryptocurrencies using money from their bank accounts.

**[Get a free demo of cryptocurrency banking development services](https://troniextechnologies.com/cryptocurrency-banking-platform-development)**
Trendiest free TypeScript admin template for React
Tags: webdev, showdev, typescript, react
Published: 2022-09-07 09:59:17

Hello, guys! 👋

I am Fredy, and I am so excited to introduce to you our new version of Horizon UI!
As most of you know, we had the launch of the Horizon UI JavaScript version a few months ago, a launch with some amazing results and support from all Product Hunt friends (420+ upvotes on PH, [990+ Github stars](https://github.com/horizon-ui/horizon-ui-chakra), and so much more awesome feedback)!

We are happy to have the opportunity to be able to thank you guys for all support that showed to us! 🙏🏼

![Horizon UI TypeScript Admin Template React](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ykrp35kr99w278jqezq8.png)

**Alright, so what’s Horizon UI TypeScript?**

Well, we listened to all requests from our Javascript users, and we come with a new variant/version of our Horizon UI dashboard, as you read it from the title of this post, the Typescript version of it!

For the guys who don't have an idea what Horizon UI is, let me explain:

Horizon UI is the trendiest free admin template built on top of Chakra UI. Horizon UI comes with over 70+ dark/light frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining. Horizon UI is built to save a lot of time going from prototyping to full-functional code due to pages categories like NFTs page, Dashboard, Sign In, and so on. Horizon UI is also coming with prebuilt design cards, so the development process is seamless; switching from code to the real website or web app is very easy to be done.

Below are some useful links if you want to contribute and give feedback ⬇️

📌 Horizon UI: [https://www.horizon-ui.com/](https://www.horizon-ui.com/)

📌 Live Preview: [https://horizon-ui.com/horizon-ui-chakra-ts/
](https://horizon-ui.com/horizon-ui-chakra-ts/
)
📌 Github Repo: [https://github.com/horizon-ui/horizon-ui-chakra-ts](https://github.com/horizon-ui/horizon-ui-chakra-ts)
tuple 的中文究竟是什麼？
Tags: 詞辯, 翻譯, python
Published: 2022-09-07 09:29:50

tuple 是 Python 語言中很重要的資料型別, 一般的文件或是書籍都將它稱為**元組**, 這個稱法有點不大精確, 如果從數學的角度來說, tuple 就是指一個[**有限數量元素的序列 (sequence)**](https://en.wikipedia.org/wiki/Tuple), 如果裡面有 n 個元素, 也稱為 n-tuple, 在中文翻譯上有以下兩種：

- 高中數學稱為[**序組**](https://math.ymhs.tyc.edu.tw/chenjt99/ScrClass/1041/%E7%BF%92%E4%BD%9C/%E9%AB%98%E4%B8%80%E4%B8%8A/%E7%BF%92%E4%BD%9C%E7%94%B2/2-2%20%E5%A4%9A%E9%A0%85%E5%BC%8F%E7%9A%84%E9%81%8B%E7%AE%97%E8%88%87%E6%87%89%E7%94%A8(%E7%BF%92%E4%BD%9C%E7%94%B2).pdf), 如果序組內只有 2 個元素, 就稱為**序對**, 表示是一**對**有**順序**的元素。
- [多元組](https://zh.wikipedia.org/wiki/%E5%A4%9A%E5%85%83%E7%BB%84), n-tuple 則稱為 **n 元組**

Python 文章中的**元組**應該就是由這裡的**多元組**而來, 不過因為去掉了『多』字, 所以語意上不是很清楚。我個人比較偏好**序組**, 因為對於 Python 的 tuple 來說, **有順序**是很關鍵的, 這在**多元組**是看不出來的。
Why MobX?
Published: 2022-09-07 09:27:34

---
title: Why MobX?
published: true
description: 
tags: 
# cover_image:https://mobx.js.org/assets/flow2.png
# Use a ratio of 100:42 for best results.
---

**MobX?**
It's an open source state management tool. When creating a web application, developers often seek an effective way of managing state within their applications.

**Why MobX?**

- MobX get you an ability to handle multiple data-structures of states
- Sync render by tracking  observable pieces of state
- Help on scalable applications with manage state easily

**What is State?**

Application state refers to the entire model of an application and can contain different data types including arrays, numbers, and objects. In MobX, actions are methods that manipulate and update the state. These methods can be [bound to a JavaScript event handler](https://blog.logrocket.com/how-to-dynamically-create-javascript-elements-with-event-handlers/) to ensure a UI event triggers them.

**MobX concepts**

- MobX has four principle concepts that we should learn, to understand how it works: **observables**, **computed values**, **reactions** and **actions**.
- MobX also introduces a few concepts: state, actions, and derivations (including reactions and computed values).
- By wrapping the component with an observer, it will now automatically become aware of changes in the store
Italic Fonts
Tags: tips, vscode, beginners, codenewbie
Published: 2022-09-07 09:00:05

Making fonts italic in your code editor or your terminal can be hard since there’s not such default visual settings that you can just turn on like to make the fonts bold (only some of them have it). But italic fonts look great and really cool if you have a font that support font ligatures.

## Terminals

Here are some setting to add in your terminal settings to make the fonts go italic.

### Windows Terminal

Open the JSON settings from the settings tab in the terminal


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bb5ygavbxsp4wxzhc1kx.png)

And add the following settings into that JSON file

```json
"profiles": {
  "list": [
    {
      "font": {
        "face": "VictorMono NF",
        "weight": "bold",
        "axes": {
        	"ital": 1 // this is what does the magic
        }
      },
    },
    ...
  ]
}
```

### Gnome-Terminal

Gnome-Terminal is the default terminal app on most of the Linux distributions, to use italic fonts there’s no additional configuration required, you just need to choose the italic font style from your terminal preferences.

To do that, go to preferences > profile > text > font.

> One thing to note is that you should download the whole font family of the font that you want and then choose the italic font. The italic font style won’t show up if you don’t download the whole font family. So it’s better to download them all.
> 

## VS Code

To make fonts italic in `VSCode` irrespective of your theme, put the following settings into your `settings.json` 

```json
"editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "scope": [
          "comment",
          "entity.name.type.class", // class names
          "keyword", // import, export, return
          "constant", // String, Number, Boolean..., this, super
          "storage.modifier", // static keyword
          "storage.type.class.js" // class keyword
        ],
        "settings": {
          "fontStyle": "italic bold" // comments are italic
        }
      },
      {
        "scope": [
          "invalid",
          "keyword.operator",
          "constant.numeric.css",
          "keyword.other.unit.px.css",
          "constant.numeric.decimal.js",
          "constant.numeric.json"
        ],
        "settings": {
          // following will be excluded from italics (VSCode has some defaults for italics)
          "fontStyle": "bold"
        }
      }
    ]
  },
```

The above settings does make the following things italic

- class names
- keywords
- constants
- memory modifiers and class keyword

Also, it exempts the custom italic style to certain things that VS Code has default italic config for.

Example Code with Italic Fonts

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d0uqz6uv2dgvrtdqqdya.png)

### Credits

- [GitHub Page](https://github.com/kosimst/FiraFlott)
- [StackOverflow Question](https://stackoverflow.com/questions/41320848/how-do-i-get-visual-studio-code-to-display-italic-fonts-in-formatted-code)
Is Your Ecommerce Fashion Store Customized For Sales?
Tags: ecommerce, magento, programming, webdev
Published: 2022-09-07 08:55:47

Even with all bells and whistles many eCommerce fashion stores fail to make sales. They have the best products listed in different categories, good user interface, simpler checkout – still no chance of better sales!

So, what went wrong? Why the eCommerce fashion store is failing to entice customers?

The answer is simple – the store is failing to reach customers the way they would like to have it. And, it can only be done through personalization.

So, customize your fashion store in the best interest of your customers and see how your online sales pump up. 
Keeping sales in mind, an eCommerce fashion store can be customized in the following ways:

- Personalize homepage
- Personalize guides/on-store assistance
- Add personal touch to email marketing
- Create and conduct special campaigns based on user behaviours
- Have location-based personalization for product pages
- Have personalized product recommendations
- Include list of recently viewed items
- Carry out retargeting ads based on previous purchase history
- Include chatbots/live chat
 

So now the question is – is your eCommerce fashion store customized for sales?

If no, then it is high time to do something about it before you start losing more sales opportunities. With years of experience and expertise gained from working on different eCommerce projects, [Mage Monkeys](https://www.magemonkeys.com/) has been able to help many eCommerce businesses in the fashion industry to boost their sales performance through effective customizations.

[Hire Magento Developer](https://www.magemonkeys.com/hire-magento-developer/)