teleren/devto huggingface dataset:
3 ways to set a dollar value on the benefits of your organization's Compliance (and security?) programs -
Tags: security, compliance, cybersecurity, soc2
Published: 2022-09-27 01:01:00

3 ways to set a dollar value on the benefits of your organization's Compliance (and security?) programs -

## 1. Save your organization the fines and the fees:
If your organization is non-compliant, and then a breach happens, the fines and legal fees can spell the doom of your business. 

_eg: If you are dealing with 1000 customers, the cost of any breach is =
fines + 
legal fees + 
fines passed along by your payment processor per customer * 1000 + 
fees incurred by the bank per customer*1000 + 
miscellaneous costs_

## 2. Win more business and retain customers
When you are following a compliance mandate such as PCI - customers know you are going the extra mile to protect their data. Your partners and industry players want to work with you more because they know you are taking steps to protect personal and financial information. You win more customers with better positioning and enhanced reputation in the market. Entire market segments can open up when you become SOC2 compliant. 

_eg: Total benefits associated with your compliance program =
Revenue increase associated with new market segments + 
Cost savings due to not losing customers_

## 3. Peace of mind 
You can actually put a dollar value on your peace on mind. In the event of a data / security breach, all of your organization (not limited to your security, data, financial, legal and marketing teams) would be spending 40-50% of their day in dousing the fires. Calculate the salary dollars spent on mitigating such issues. To give added context, also factor in the typical costs of data breaches within your industry. (Last I checked this was more than 4 million dollars as per a 2018 IBM Security and Ponemon Institute report.)

_eg: Peace of mind costs =
x % of organizational salaries +
dollars spent on issue remediation activities_

As a compliance/security champion for your organization, you will meet a lot of naysayers on your path. These individuals will question the financial implications of various security measures you suggest. Keep the above variables in mind and provide estimates along with suggestions to strengthen your cause!
Simple React Global State Management
Tags: react, hook, typescript, javascript
Published: 2022-09-27 00:33:01

Hi everyone!

I recently created my own solution for managing global state in my web app. It's working well so far, but I'm open to feedback and suggestions. I'm curious to know if there are any potential issues with my implementation, or if there are better ways to manage global state.

Thank you in advance for any input you might have!

{% codesandbox wo14zr%}

```tsx
import { useState, Dispatch, SetStateAction, useEffect, useId } from "react";

type Setter<T> = Dispatch<SetStateAction<T>> | ((value: T) => void)

/**
 * Create a pod with default value
 * @param value 
 * @returns usePod, value, updater
 */
export function createPod<T>(value: T) {
    const pod = {
        value: value
    };

    const setters: { [key in string]: Setter<T> } = {};

    const updater = (value: T) => {
        pod.value = value;
        for (let key in setters) {
            if (!setters.hasOwnProperty(key)) return;
            setters[key](value);
        }
    }

    const usePod = () => {
        const [value, setValue] = useState(pod.value);
        const key = useId()
        useEffect(() => {
            setters[key] = setValue;
            return () => {
                delete setters[key];
            }
        }, [])

        return [value, updater] as const
    }
    return [usePod, pod.value, updater] as const;
}
```
5 Ways To Optimize Your GitHub For Potential Employers
Tags: github, beginners, career, jobsearch
Published: 2022-09-27 00:04:32

<h1><em>When it comes to making a great first impression on potential employers, your GitHub profile is one of the most important places to start.</em></h1>

Here are a few simple tips to make sure your profile is optimized and ready to show off your skills:

![profile picture and name](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/41ka4xag6ivrwlf1y4ry.png)

<strong>1. Use a professional username and profile photo.</strong>

Your username is the first thing employers will see, so make sure it’s something professional and easy to remember. Same goes for your profile photo – choose something that looks like you and that you’d feel comfortable using on a business card or in an email signature.

<strong>2. Fill out your profile bio.</strong>

This is your chance to tell employers a little bit about yourself, your skills, and your experience. Be sure to include relevant keywords so that employers can easily find you when they’re searching for candidates. <em>I just went ahead and used the tagline from my LinkedIn!</em>

![profile bio](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rp0pivcgefmy89o318mm.png)

<strong>3. Highlight your best work.</strong>

Make sure your most impressive work is front and center on your profile. If you have any public repositories, be sure to link to them from your profile so employers can see your code in action.

![pinned repositories](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gums8ayao5km033x31nf.png)

<strong>4. Keep your repositories clean and organized.</strong>

Employers will be looking at your repositories as well, so it’s important to keep them clean, organized, and up-to-date. If you have any outdated or unused repositories, consider deleting them or making them private.


<strong>5. Stay active.</strong>

![public repos](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/14xurgus4b9hhkfw1qei.png)

<em>Employers will also be looking at your activity to see how engaged you are with the community. Be sure to keep your profile updated with your latest work and contributions.</em>

<strong>By following these simple tips, you can be sure that your GitHub profile is making the best possible impression on potential employers. So take some time to update your profile today and you could be one step closer to landing your dream job.</strong>

<em><strong>Hope this helps someone and thanks for stopping by!</strong></em>

<small>-This entire blog post was written by AI in about 12 seconds.</small>
Observability as an engineering enabler
Published: 2022-10-20 06:47:00

---
title: Observability as an engineering enabler
published: true
date: 2022-09-27 00:00:00 UTC
tags: 
canonical_url: https://jhall.io/archive/2022/09/27/observability-as-an-engineering-enabler/
---

Problem solver Tod Hansmann of Catalyst joins me to discuss “observability”: What it is, why it means different things to different people, and how to get started if it’s new for you.

## In this episode:

- What is observability (o11y)?
- What can observability do for you?
- What metrics should you track?
- How does observability relate to logging, alerting, monitoring, and other practices?
- Who should be responsbile for obervability?
- How heavily should upper management be involved?
- How does observability relate to culture?
- CI/CD as a prerequisite for observability
- Why metrics are better than logs
- Surprising metrics that can be important
- The relationship between monitoring and automated testing
- Good observability as an enabler for canary deployments, test in production, and other practices
- How to define service level objectives
- How do you define “uptime”
- How to address corner cases
- Why being on call is desireable
[Listen](https://jhall.io/tinydevops/2022-09-27-3570e497/#player),[watch](https://jhall.io/tinydevops/2022-09-27-3570e497/), or[read the transcript](https://jhall.io/tinydevops/2022-09-27-3570e497/#transcript)  
[![](https://jhall.io/images/icon-podcast-512-bw.png)](https://jhall.io/tinydevops/2022-09-27-3570e497/#player)  [![](https://jhall.io/images/icon-watch-512-bw.png)](https://jhall.io/tinydevops/2022-09-27-3570e497/)  [![](https://jhall.io/images/icon-transcript-512-bw.png)](https://jhall.io/tinydevops/2022-09-27-3570e497/#transcript)  

* * *
_If you enjoyed this message, [subscribe](https://jhall.io/daily) to <u>The Daily Commit</u> to get future messages to your inbox._
Konfigurasi Routing di Packet Tracer (Static Route)
Tags: packettracer, routing, network
Published: 2022-09-26 23:46:03

Routing adalah proses dimana pengiriman packet dari satu device ke device lain melalui jaringan yang berbeda. Karena itu diperlukan router karena mengirimkannya di jaringan yang berbeda.

Untuk itu, ada beberapa hal yang perlu di ketahui:
1. IP Tujuan
2.  Router-router tetangga dari mana sebuah router bisa mempelajari tentang network remote
3. Route yang mungkin ke semua network remote
4. Route terbaik untuk setiap network remote

> Router menyimpan routing table, yang bisa menemukan network remote

Routing memiliki 3 jenis:
- Static Route
- Dynamic Route
- Default Route

## Proses Routing IP

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

Untuk mengubungkan **Router0** dan **Router1** maka harus membuat routing dengan cara membuat tabel routing terlebih dahulu.

## Konfigurasi Routing Pada Packet Tracer

Karena ini judulnya pake Routing Static maka kita harus set 1 per 1 IP dari masing masing device.

1. Buat desain seperti ini terlebih dahulu

![Desain Topologi Cisco Packet Tracer](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/skoc2ccs4vfzu0v3ilkq.png)

2. Set IP pada PC0 dan PC1

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

![pc1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9cwgcl88ksl5uqzqf8nm.png)

3. Kemudian set juga IP untuk Router nya juga


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



![Router0](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6hsy3maazr5uivvu5nhn.png)

![Router1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f0rxtcewsu8jwue75fl2.png)

![Router1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0oi10xcqwgxvka5jl4rc.png)

5. Buka router 0 ambil tab CLI dan tuliskan perintah untuk membuat routing ( Routing yang dimasukan dalam konfigurasi adalah dengan keterangan indirect )

```
# ip route (dst address) 192.168.2.32 (netmask) 255.255.255.224 (gateway) 192.168.1.2
```

6.  Buka router 1 ambil tab CLI dan tuliskan perintah untuk membuat routing ( Routing yang dimasukan dalam konfigurasi adalah dengan keterangan indirect )

```
# ip route (dst address) 192.168.1.0 (netmask) 255.255.255.224 (gateway) 192.168.1.1
```

7.  Ping ke dari alamat client router pertama ke client router kedua

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1wvykzu6p32x2vn8wyyk.png)
Python Classes
Tags: python, programming, 100daysofcode
Published: 2022-09-26 23:16:51

**Defining a Class in Python**
A class is a blue print of an object. Where the class is the blue print of the house, the object is the actual house built. 

Similar to how function definitions begin with a 'def' keyword in Python, class definitions begin with a 'class' keyword.

```python
class MyNewClass:
  '''Docstring goes here. I have created a new class'''
  pass
```
1. Here we created a class named 'MyNewClass'. Notice we use the CapWords convention since [PEP 8 Style Guide for Python Code](https://peps.python.org/pep-0008/#class-names) recommends this for Class names. 
2. A docstring is not mandatory but highly recommended. It is written so programmers can understand what it does without having to read the details of the implementation. 
3. The 'pass' keyword is used in Python to indicate that the body of the class was intentionally left blank. This prevents an 'IndentationError' from occurring in the terminal.
Tips and tricks to make Flutter development easier with Parabeac
Tags: flutter, programming, productivity, uiweekly
Published: 2022-09-26 22:41:10

Recently Parabeac introduced _Parabeac Themes_, a super-simple, super-easy, and super-affordable version of our tool where developers can choose to export simple styling and theming elements. 

Parabeac tools quickly and precisely convert Figma application mock-ups to Flutter code, speeding the process of implementing UI designs. The good news is that developers retain full control over how the converted code is implemented and can make continuous design updates -- any future changes made in the Figma files can generate a new pull request without disrupting any previously manually written logic.

But any tool is even more valuable with some user-driven “tips”. Here are some helpful ones to make Parabeac even easier:

## **Tips and Tricks**

### *Tip #1* 

In Parabeac Themes, instead of creating a new Figma File containing a color palette for light/dark themes from scratch, copy the existing Parabeac file to your own drafts and edit the colors! You’ll already have all the color names, and won’t have to spend time creating light/dark categories.


![Light and dark colors example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e58vgue115cy5iorhuyc.png)


### *Tip #2*

You don’t have to use every single pre-named color in a color scheme (i.e. “shadow” in a “light” scheme). Just use whichever colors are relevant to you!


### *Tip #3*

If you want to have your app dynamically change between light and dark mode, create the light/dark ColorSchemes and ThemeDatas via Tip #1. Then, in your main.dart file, use the generated light and dark ThemeData classes to place them in the `theme` and `darkTheme` attributes respectively. Now, Flutter will detect whether the device is in light/dark mode and adjust many widgets according to your color palettes. 


![Using your themes in your app](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s6kp8j338a4o0ulb8fdc.png)


### *Tip #4* 

For developers who use Parabeac for screens: when selecting a screen size in Figma, make sure to select the smallest screen size out of all devices you wish your app to be compatible with. Adding more screen real estate will add more padding around your design elements depending on how they’re anchored (ie. to the right/left side of the screen or centered, or to another element)

### *BONUS TIP* 

If you’re willing to reach out to give us feedback or request features, we will reward you with a 1-month free subscription to our Pro pricing plan! Contact us at support@parabeac.com

Happy coding!
Day 6 I4G 10DaysOfCodeChallenge
Tags: leetcode, python
Published: 2022-09-26 22:38:49

Problem 6: Fizz Buzz Multithreaded.
Category Medium.
Given a class FizzBuzz, with 4 methods fizz (which print fizz),buzz (which print buzz),fizzBuzz (which print fizzBuzz), and printNumber( print a number).
FizzBuzz will be initialized with an integer n.
All four methods will be called from different threads.
the result of running all four threads.
Should be based on i which is 1 to n;

if i % 3 and i % 5 is 0;
return fizzBuzz
if i % 3 is 0;
return fizz
if i % 5 is 0;
return buzz
else if i % 3 and i % 5 is not 0;
return i
.
This problem as well Javascript is not in the programming language because it's single threaded.
Hence I use python to create another threads when all the threads are started.
When the last thread is started.
Iterate through n.
check the condition and call the appropriate  thread or printNumber with i


[Problem](https://leetcode.com/problems/fizz-buzz-multithreaded)
[Solution Implementation](https://github.com/ismaelsadeeq/I4G_coding_challenge/blob/main/fizzBuzz.py)
Introduction à React: #0 - Je me justifie rarement, mais pour toi je le fais (c'est beau hein)
Tags: react, javascript, web, french
Published: 2022-09-26 22:33:57

---
title: Introduction à React: #0 - Je me justifie rarement, mais pour toi je le fais (c'est beau hein)
published: true
description: De quoi j'ai besoin pour et comment initialiser un projet React
tags: react, javascript, web, french
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
---

Avant de demarer le cours, la question que j'anticipe de ta part est la suivante:
"Sid Ali, comment fais-tu pour etre si fort et si b...", c'était pas ca ?

Ah c'est plutot celle-ci:
"Si tu nous vends Svelte comme framework, pourquoi tu continues à donner cours sur du React etc..."

Alors la raison est assez simple:
Pour le moment, je n'ai aucun mot à dire quand une personne me dit que React permet de faire du Web et du Mobile... Et de maniere très serieuse.

Je le confirme, car se fut mon gagne pain durant des années. Au lieu d'etre le nouveau Zizou j'ai fait mieux (non ?)


## React reste le patron car

- Des offres d'emploi à la pelle
- Possibilité de faire du mobile natif, il n'a plus à faire ses preuves
- Communauté gigantesque

Donc pour toi qui veux continuer à manger en attendant que les entreprises fassent comme la mienne (Decathlon), c'est à dire pousser accepter que les gens poussent à l'innovation et à la prise de risque calculés bien évidemment. Je suis un pro: I'm fuckin sertified!

Donc, je continuerai à pousser Svelte, Flutter, toute techno qui merite d'etre explorée doit avoir sa communauté et son moment de gloire, car c'est la concurence qui pousse les techs à faire de plus en plus mieux, et ce pour notre bonheur.

Allé, bise!
CSS preprocessor
Published: 2022-09-26 22:23:24

## What is a CSS preprocessor?

The term can be intimidating for first-timers but breaking it down and understanding each part can provide a tremendous benefit in your CSS endeavors.

The **CSS** part in the full term clues us to the fact that it has something to do with stylizing. 

The **Preprocessor** part means that a transformation or a conversion will occur.

It still looks a little hazy so shall we see the textbook definition? 

As per the MDN website, a CSS preprocessor is *"... a program that lets you generate CSS from the preprocessor's own unique syntax."*

That was a long definition. Shall we break it down?

A **CSS preprocessor** is a program that takes a CSS-like language and compiles it into CSS.

A **preprocessor language** is a CSS-like language with additional features.

Here is a great visual that showcases this:


![Visual of CSS preprocessing](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3firsrugar3f065wt5xa.png)

The green square labeled "Less" is the **preprocessor language**.
The black device is the **CSS preprocessor**.
And lastly the pink square is our good ol' CSS.

## Why is it useful?

CSS preprocessor languages extend the capabilities of CSS with additional features that make life easier for developers.

Here are some of the benefits it offers:
- CSS is made more maintainable.
- Easy to write nested selectors.
- Variables for consistent theming.
- Can share theme files across different projects.
- Mixins to generate repeated CSS.
- Contains features like loops, lists, and maps can make configuration easier and less verbose.
- Splitting your code into multiple files.

## Minor inconveniences

There are some minor inconveniences that should be known about.

The first is the need to install a separate program. Most CSS preprocessor languages require the installation of an application that runs in the background and constantly checks to see if the preprocessor language has changed in order to convert it to regular CSS. Some users might consider this a hassle because it takes up disk and memory storage.

The second is the processing time. There is a slight delay when it comes to compiling a preprocessor language into regular CSS. 

However, if you're able to see past these inconveniences you'll be able to fully utilize all of the features that are offered with CSS preprocessors.

# Example usage

A feature that I used quite often is the calculation capabilities of CSS preprocessor languages. With the LESS preprocessor language, I am able to do easy calculations by utilizing the "/" syntax. For example, if I had an h2 element and I wanted to set the margin to 32px, I would divide 32 with the font size of the h2 which is 16. As a result I would get 2em.

# Additional notes

CSS is continuously improving and adding similar features contained in CSS preprocessor languages.

There is no telling what the future holds, but there maybe a time when we stop using CSS preprocessors.
5 Things to Consider When Hiring a Charter Bus for Children
Published: 2022-09-26 19:44:04

You always have to be careful when purchasing a charter bus, but when you will be traveling with children selecting the right service, bus and driver becomes even more essential. Traveling with children from your school for a field trip or sporting event requires more than just safely getting everyone from point A to point B. You also have to keep everyone happy, entertained and comfortable along the way.

When looking into charter bus companies for your next school outing, keep all five of the following things in mind. These considerations will guide you toward the right charter bus service for your school.

1. How many children will you be travelling with?

The first thing you have to ask is whether the [bus rental with toilet for groups](https://parastour.com/mini-coach-hire-with-washroom/) you want to rent from has buses designed to accommodate the number of children, teachers and parents that you will be travelling with. If they don't have busses of a suitable size with adequate seating for everyone, then nothing else matters.




You can typically find out what types of busses are available from a particular charter service by looking on their website. A lot of services are now showing what type of busses they have on hand and revealing how many people they can seat, which makes your job shopping for a charter service much easier.

2. What safety standards are employed by the charter bus service?

Safety is of course extremely important when you are renting a charter bus for children. You may be able to find some information on the safety standards of a particular charter service by looking over their website. Most charter services know how important safety is and go to great lengths to maintain their fleet so there are never any safety issues.

Most services do have an Internet presence today and you should see a dedication to safety on their websites. If you see no mention to safety, then you may be looking into the wrong charter bus service.

3. How old are the buses you will be renting and how have they been kept up over the years?

One way to probe into safety of a bus fleet is to ask how old the busses are and what system is in place to maintain and repair them. There should be very clear rules in place for a [10 seater Tempo Traveller for booking](https://parastour.com/tempo-traveller/) dedicated to safety.

This is information you may want to ask before hiring a charter bus service, but you may be able to get some information by reading the company's website. They may reveal what type of busses they have and what safety features they offer, which is a sign that they know what busses they have and have chosen them based on safety standards. That is a very good sign that you are dealing with a safe charter bus service.
Hey everyone!
Published: 2022-09-26 21:46:28

I am a Software Engineering student at Western Governors University(WGU). I'm based in San Diego, California :sunny:
- 🧰 I'm breaking into the tech field after six years in healthcare
   <ul>
    <li>Expecting to graduate WGU in 2023
    <li>Also enrolled in the <a href="https://reskillamericans.org/learn-more/">Reskill Americans</a> software development bootcamp, October 2022 cohort
   </ul>
- :seedling: Exploring Technical Content Writing.

- :zap: In my free time, I solve problems on LeetCode, read tech articles, play video games and tennis!