teleren/devto huggingface dataset:
World Wide Remote Friendly Companies
Published: 2023-01-10 11:48:36

Top Companies list is a sequential list of global companies that have the most experience hiring remote workers. These are companies that have posted the most job listings since the inception of We Work Remotely, and therefore have their own processes, procedures and are generally experts in distributed teams. Please follow link below for more job hunts.


**Name**	   **Website**	                 **Region**                        
10up	        https://10up.com/	           Worldwide
15Five	        https://www.15five.com	           Europe,Americas
17hats	        https://www.17hats.com/	           Worldwide
18F	        https://18f.gsa.gov/	           USA
1Password	https://www.1password.com          North America
42 Technologies	https://www.42technologies.com/	   Worldwide
abiturma	https://www.abiturma.de/	   Germany

for more companies please follow link below
https://amlogy.com/best-remote-job-companies/
React: Infinite Scrolling with "react-infinite-scroll-component" npm package
Tags: react, javascript, programming, beginners
Published: 2023-01-10 11:40:15

<img width="100%" style="width:100%" src="https://media.giphy.com/media/LgXl0Torxgtfw86VG3/giphy.gif">

```react
import React, { useState, useEffect } from "react";
import InfiniteScroll from "react-infinite-scroll-component";
import axios from "axios";
import "./App.css";

const App = () => {
  const [data, setData] = useState([]);
  const [skip, setSkip] = useState(0);
  const [hasMore, setHasMore] = useState(true);

  useEffect(() => {
    fetchData();
  }, []);

  const fetchData = async () => {
    const response = await axios.get(
      `https://dummyjson.com/comments?limit=10&skip=${skip}&select=body,postId`
    );
    if (response.data.comments.length > 0) {
      setData(data.concat(response.data.comments));
      setSkip(skip + 10);
    } else {
      setHasMore(false);
    }
  };

  return (
    <InfiniteScroll
      dataLength={data.length}
      next={fetchData}
      hasMore={hasMore}
      loader={<h4>Loading...</h4>}
    >
      {data.map((item) => {
        return (
          <div className="card" key={item.id}>
            <h4>Comment for postId: {item.postId}</h4>
            <p>{item.body}</p>
          </div>
        );
      })}
    </InfiniteScroll>
  );
};

export default App;
```
React | Create a custom counter hook.
Tags: react, hook, customhook, webdev
Published: 2023-01-10 11:32:40

In React, a hook is a special function that allows you to "hook into" React features. Custom hooks are a way to reuse stateful logic between components. 

Here's an example of a simple custom hook that keeps track of the number of times a button has been clicked:

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

This hook is a regular JavaScript function that happens to use the `useState` hook from React. It returns an object with two properties: `count` and `increment`. The count property is the current count and the increment method updates the `count`.

Here's an example of how you can use the `useCounter` hook in a component:

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

- You can see, how `useCounter` hook is being imported and used inside the component Counter by calling it and then using the returned object `count` and `increment` methods.

- In this example the component Counter use the hook `useCounter` on every re-render, which keep the current state of `count`, onClick event of the button increment the count and it will be reflected inside the component on re-rendering.

Thanks...!!!
Accessing IntelliJ plugin classes in UI tests
Tags: intellij, plugin
Published: 2023-01-10 11:29:47


![Accessing IntelliJ plugin classes in UI tests](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4blxajjth725d4ngv5vg.png)

**When testing an IntelliJ plugin**, you'll likely **reach for UI tests to verify that both the user interface as well as the code behind it functions correctly**. In UI tests, your plugin runs in a real instance of IntelliJ that is similar to a production environment on a user's machine. **That increases your end-to-end coverage** but sometimes it's harder to verify success conditions for a test in that environment. So as a last resort, you might want to call into a service that's part of the plugin to verify some internal state directly.

For example, we found for our [Symflower plugin](https://plugins.jetbrains.com/plugin/18944-symflower), we needed this to check for progress indicators displayed by our plugin. **We could not verify our plugin's progress indicators purely from the UI because they were too fast for the UI automation to pick them up.** So we had to build a service into our plugin that, when run under test, keeps references to shown progress indicators to allow tests to verify them. But how would one go about doing that?

> **To find out, [read the rest of this post on Symflower’s blog!](https://symflower.com/en/company/blog/2023/intellij-plugin-classes-in-tests/)**
Core Java - Operators and Assignments.
Tags: java
Published: 2023-01-10 10:56:21

**Increment and Decrement:**
Pre ++x --x (first increment/decrement) the value and then assign.
post x++ x-- (first assign and the increment/decrement).


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

**Arithmetic Operators.**


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


**String Concatenation:**

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


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


**Relational Operators.**

< <= > >= is used to compare primitives except boolean types.

Equality == != can be used with any primitive and also with object to check for object reference.


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

**Bitwise Operators**

& - returns true if both arguments are true
| - returns true if atleast one argument is true.
^ - returns true if both are different.


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

bitwise unary operator
~ - it will flip all the numbers ex 10001 will be flipped to 01110.

**Short circuit operators**

&& - if first value is false then directly it will execute without checking next element.

|| - if first value is true then directly it will execute without checking next element.

It will improve the performance (Faster). Applies to Boolean type only.

**Assignment operator**

int x = 10; Assign the value of 10 to the x.
int x=y=z= 10;
Compound assignment 
int b = 10;
b+= 40; // result b = 50

**Ternary operator**

testexpression ? value1 : value2



![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l1a99e8ee3zv9i6br95x.png)
How GPS works?
Tags: gps, satellite, usa, geography
Published: 2023-01-10 11:12:33

---
title: How GPS works?
published: true
description: 
tags: gps, satellite, usa, geography
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m6k5xdep39dqk2lbed8y.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-01-10 11:09 +0000
---

GPS, or Global Positioning System, is a satellite-based navigation system that allows users to pinpoint their exact location and track their movement. The system is run by the US government and is open to anyone with a GPS receiver.

The GPS system is made up of three parts: satellites that orbit the Earth, ground control stations that track and maintain the satellites, and GPS receivers that users carry with them.

GPS satellites orbit the Earth at an altitude of about 12,000 miles (20,000 kilometers) and transmit signals to the ground. These signals contain information about the satellite's location as well as the time the signal was transmitted.

A GPS receiver determines its own location by utilizing signals from multiple satellites. The receiver detects signals from multiple satellites and uses the time stamp on each signal to calculate the distance between them. The receiver can triangulate its own position by comparing the distance to multiple satellites.

The location is determined through a process known as trilateration, in which the distances between three or more GPS satellites are used to pinpoint a 2D location (latitude and longitude). 3D location (latitude, longitude, and altitude) is obtained using elevation data from at least four satellites.

After determining its location, the GPS receiver can provide that information to the user in the form of coordinates (latitude and longitude) or even addresses or points of interest. Some GPS receivers can be integrated into cars to provide verbal directions to a specific location, as well as in navigation apps on smartphones, tablets, or smartwatches to assist users in navigating to a desired location.
“SELF-HOSTING” KOMPILYATORLAR
Tags: programming, beginners, tutorial
Published: 2023-01-10 10:57:01

[Python](https://github.com/python/cpython) tiliniń 64.6%ı Pythonda, [Typescript](https://github.com/microsoft/TypeScript) tiliniń 99.8%ı Typescriptte jazılģan. Bul qızıq jaģday, qalayınsha taza tildi jaratıw ushın ózinen paydalanıw múmkin?
_Házir bul sorawģa juwap alamız…_

Logikalıq jaqtan ilajsiz bolģan jaģday, **X** payda bolıwdan aldın, jańa **X**’ti qalayınsha **X**’te jazıw múmkin? Bıraq azģana oylanıp qaralsa bunıń ilaji bar. Mısal ushın siz birinshi “_robot jasawshı_” robottı islep shıģarasız. Keyin ol ózine uqsaģan “_robot jasawshı_” robotlardı islep shıģaradı. Onan keyin “_robot jasawshı robot, robot jasawshı robot tárepinen jasalģan_” degen filosofiya payda boladı. Dáslepki qádem áhamiyetli, birinshi robottı siz jasaysız. Nátiyjede eski hám kúshsiz nárseden paydalanıp, kúshliregin islep shıģarıw imkaniyatı payda boladı. Ózin-ózi jaza alatuģın yaģıniy “**self-hosting**” kompilyatorlarda da usı jaģday.

Kóz aldıńızģa keltiriń, ele hesh qanday programmalastırıw tilleri jaratılmaģan, sizde Assemblerde kod jazıwdan basqa ilaj joq. Qandayda bir proyektti 0 den baslap Assemblerde jazıp shıģıw uzaq dawam etedi. Demek sizge qolay programmalastırıw tili kerek. Bıraq taza programmalastırıw tilin tolıq Assemblerde jazıw durıs pikir emes, sebebi júdá kóp miynet hám waqıt ketedi. Sizde jaqsı ideya bar. Jaratıp atırģan programmalastırıw tilińizdiń 1-versiya kompilyatorın, 1–2 ay ishinde Assemblerde jazıp shıģasız. Bul versiya júda ápiwayı boladı hám keyingileri ushın tiykar waziypasın atqaradı, tilidiń tiykarģı xarakterlerin, operacion sistema hám yad penen islesiw kónlikpelerinde qánshedur kólemde óz ishine aladı. Demek 1-versiya tayyar hám onda kod jazıw múmkin. Endi jańa kompilyatordıń 1-versiyası hámde Assembler járdeminde kompilyatordın 2-versiyanın jaratıwımız múmkin. Eger jańalanıwlar usılay dawam etse, jaratıp atırģan tilimizde Assemblerdiń úlesi 0% ģa umtılıp baradı. Nátijede, qaysıdur versiyada tilińizdi tolıq óz-ózinde jazıp qoyasız. Joqarda aytıp ótilgen TypeScript aldın JavaScript járdeminde jaratılģan edi. Jańa kompilyatordı, eski versiyada jazıw sıyaqlı processlerdiń bárshesi “[bootstrapping](https://en.wikipedia.org/wiki/Bootstrapping_(compilers))” dep ataladı.

_Hár bir programmalastırıw tili qaysıdur tilge tiykarlanıp jaratılģan boladı. Mısal ushın Python, C tiline, C tili bolsa ALGOL, BSPL hám B tillerine tiykarlanģan, hámmesi eń aqırında Assemblerge, Assembler bolsa 0 hám 1 lerge tiykarlanģan._
OSDC Course with Gabor
Tags: osdc, opensource, programming
Published: 2023-01-09 06:10:42

---
series: OSDC
---

Hi there...so, this is me @shulyavraham 

{% embed https://dev.to/shulyavraham %}


I joined the Open Source Development Course led by Gabor Szabo @szabgab started on Jan 8th. 

{% embed https://dev.to/szabgab %}

My goal in this course is to improve my technical expertise in utilizing git repositories, CI/CD, Docker, etc.

In the first session I played around with GitHub, edited the OSDC course repository, added some JSON file, and sent a [pull request](https://github.com/Code-Maven/osdc-2023-01-public/pull/2).

For my daily work I normally use Python, shell scripting, HTML, JavaScript, MongoDB, GitLab, Azure DevOps, Dockers, Kubernetes etc.

I'm afraid I cannot reveal my work's GitHub/GitLab repositories, as they are private. I guess that during this course I will add some public ones:
[GitHub](https://github.com/ShulyAvraham)
[GitLab](https://gitlab.com/ShulyAvraham)

One interesting open source JavaScript library I'm using in my projects for drawing interactive charts is [Apache ECharts]  (https://echarts.apache.org/en/index.html). 

In couple big projects I'm developing as part of my work, I'm utilizing several open-source packages. In case I find any bugs or decide to improve the code in any of these, I will contribute it back to the project. 

Some open source libraries I've been using in my projects:
* [scikit-learn](https://github.com/scikit-learn/scikit-learn)
* [scikit-allel](https://github.com/cggh/scikit-allel)
* [zarr](https://github.com/zarr-developers/zarr-python)
Arlo Sign in | My.arlo.com login | Arlo login page
Tags: arlosetup, arlocameralogin, myarlo, arlosignin
Published: 2023-01-10 10:56:07

Arlo Account Login allows the users to access the recorded clips of the security camera, configure the settings, and other options. You can log in to My Arlo account through a web browser by entering myarlo.com login in the URL bar or you can log in via the Arlo app. The login credentials for the Arlo app are the same. With **[Arlo Login](https://www.offlinemmy-logn.com/)**, you can monitor all the areas in your house.

Arlo camera setup provides ultimate protection for your home and family. With the Arlo security camera, you can keep your eye on what matters the most to you.
The Hype of Solopreneurship and Entrepreneurship: Separating Reality from Illusion
Tags: webdev, programming, react, javascript
Published: 2023-01-10 10:50:07

It's easy to get caught up in the hype of quitting your day job and making a living as a solopreneur or entrepreneur. The internet is full of "influencers" and motivational speakers who make it seem like anyone can achieve financial freedom by simply following a few easy steps or buying the latest course or bootcamp.

But the reality is often much different. Many of these so-called role models are actually selling dreams and emotions rather than showing the real struggles and sacrifices required to achieve true success. Building a business takes hard work, dedication, and a willingness to put in the time and effort to create a solid foundation.

Don't be fooled by those who promise quick and easy success. The path to entrepreneurship and solopreneurship is often filled with challenges and setbacks, and it requires a lot more than just a catchy hashtag or a few bucks earned from a side hustle. It takes hard work, determination, and a willingness to put in the time and effort to build a solid foundation.

So before you quit your day job and jump on the solopreneur or entrepreneur bandwagon, take the time to think critically about your goals and be prepared for the challenges that lie ahead. Success doesn't come overnight, and it often requires a lot more than just a catchy slogan or a few bucks earned from a side hustle.

Remember, true success is the result of hard work, determination, and a willingness to put in the time and effort to build a solid foundation. Don't be swayed by the hype – take the time to think critically about your goals and be prepared for the challenges that lie ahead.
How to convert VNRectangleObservation item to UIImage in SwiftUI?
Tags: ios, swift, applevisionframework, computervision
Published: 2023-01-10 10:47:48

[How to convert VNRectangleObservation item to UIImage in SwiftUI?](https://stackoverflow.com/questions/75068730/how-to-convert-vnrectangleobservation-item-to-uiimage-in-swiftui)
Rapid Increase in Interior Works in the Government
Published: 2023-01-10 10:44:25

The State government and central government has published 773 Interior Work tenders until 10 Jan 2023. The government procures tender for interior furnishing works, false ceiling and modular wadrobe. Tendersniper consolidates state and central government tenders from 4000+ government sites. 

As on 10th of January 2023, Government agencies have advertised 540 live tenders for Interior works. Of the 28 Indian States, Gujarat has advertised 17% of all the tenders (i.e. 49 advertisements). The next ranked States are Uttar Pradesh accounting for 16% of the advertised tenders, followed by West Bengal with 15%. Below graph shows the pictorial representation of spend states. A detailed analysis of [Interior Works](https://tendersniper.com/search/ph/interior-work-tenders-india) is available on our portal.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qlt7ca3ft287fyq8ifjj.png)
Running a React App using VSCode and How to Debug React
Published: 2023-01-10 10:34:36

**<u>CREATING & RUNNING REACT</u>**
1. Install VS code using the url https://code.visualstudio.com/download if you do not have it already installed in your machine
2. Install NodeJS from this url https://nodejs.org/en/download/
3. Create a folder where to want to create the react application.
4. You can create the application by either using GitBash or the terminal on VSCode

**<u>Using GitBash:</u>** Right click on the folder and select Gitbash here if you have git installed in your computer. Then type the command **npx create-react-app your-name-of-application** e.g., create-react-app my-reactapp

**<u>Using Terminal on VSCode:</u>** Type the command **npx create-react-app your-name-of-application** and wait for the commands to finish executing.
5. Open the folder containing your application in VS code and navigate to **src/app.js** and write some code.
Below is a sample **App.js** file after making a few changes
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4nzwq9daucdvpwo35tgg.png)
6. On the VSCode terminal, navigate to the folder by typing cd foldername for instance **cd my-application**. 
7. Type **nmp start** and the application should launch on the browser as shown below.

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

**<u>DEBUGGING REACT</u>**
1. Configure the debugger by going to Run and Debug view **(Ctrl + Shift + D)**
2. Select create a **launch.json** file link to create a launch.json debugger configuration file.
3. Select the debugger dropdown list and choose Web App (Edge).
4. Change the port of the **url from 8080 to 3000**. The launch.json file should look as shown below.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5wwtn98jsd6x3fxdh1ge.png)
5. Press **F5** or the green arrow with Run to launch the debugger.
6. You can set break points as you run the code and step through using **F10**
Why I Get Up at 4am Every Day
Tags: productivity, sideprojects, lifetips, career
Published: 2023-01-10 10:31:09

Since Daylight Savings Time ended in the United States this Fall, I have been getting up at 4am every day.  (I had been getting up at 5am, and so my body was used to that time.)  Do I do it because I'm better than you?  Am I more virtuous than all the night owls out there?  Heck no!

I get up at 4am every day for two reasons.  The first is for good [sleep hygiene](
https://www.cdc.gov/sleep/about_sleep/sleep_hygiene.html)  It's best to get up at the same time every day and go to bed when you get tired.

The second is that I learned I do not want to do much of anything after my work day.  I don't want to do housework, read anything difficult, or work on any sort of side project.  I will just sit and watch television while doom scrolling on my phone.

![Woman working on laptop by lamplight](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tkn0p36dvwz4s0zmg8ub.png)

But, in the morning, I have more mental and physical energy.  So, I use the mornings for "me time".  Because I work from home, I have 5 hours to spend doing things I want or need to do.  The house is quiet because everybody else is sleeping. So, I can have a quiet cup of tea and then read a bit.  I can tidy up around the house so my head isn't cluttered with a chore list during my work day.  I have time for my hobbies, and I have time to pursue side interests.  

The lesson here is not that everybody should get up early.  It's that you should find the sleep/work schedule that works the way you work.  It's not about productivity.  It's about making time for the things you enjoy or excel at during the time when you can give them your best.
I started learning React
Published: 2023-01-10 10:27:10

I want to quickly give an update.

Last week I reached 80% in JavaScript course and I wanted to just switch to learning React, and then in the meantime, go back to JavaScript course sometimes and be finished with it.

Also, when I was attending the React course, I realized that I lack CSS knowledge so I bought CSS course from the very best teacher: Jonas Schmedtmann, he is simply amazing.

I've already completed 5% of React Course (from John Smilga), it is a 62.5 hour-long course!

And I've completed 10% of CSS Course, which is a 37.5 hour-long course.
Dockerizing your Angular application
Tags: angular, docker, node, javascript
Published: 2023-01-10 10:22:32

Dockerizing an Angular application involves creating a Dockerfile that specifies the instructions for building a Docker image of your application. The Dockerfile should start with a base image, such as Node.js, and then use commands to copy the application code and dependencies into the image, and configure the image to run the application.

Here's an example of a Dockerfile that can be used to build a Docker image of an Angular application:

**Use the Node.js LTS image as the base image**
```FROM node:14-alpine```

**Create a directory for the application**
```RUN mkdir -p /usr/src/app```

**Set the working directory**
```WORKDIR /usr/src/app```

**Copy the package.json and package-lock.json files**
```COPY package*.json ./```

**Install the application dependencies**
```RUN npm ci```

**Copy the rest of the application code**
```COPY . .```

**Build the application**
```RUN npm run build --prod```

**Expose port 4200**
```EXPOSE 4200```

**Start the application**
```CMD ["npm", "start"]```


This Dockerfile starts with the Node.js LTS image, creates a directory for the application, and sets it as the working directory. Then it copies the `package.json` and `package-lock.json` files, installs the dependencies, and copies the rest of the application code. Next, it runs the `npm run build --prod` command to build the production version of the application. Finally, it exposes port 4200 and starts the application using the `npm start` command.

Once you have created the Dockerfile, you can build the Docker image by running the following command in the same directory where the Dockerfile is located:
```docker build -t your_image_name```

You can then run the application in a container using the following command:
```docker run -p 4200:4200 your_image_name```

this will make the application available at http://localhost:4200

This is just a basic example to give you an idea of what a Dockerfile for an Angular application might look like. You may need to adjust the commands to match your specific application's requirements, also you may use nginx to serve the application as well