teleren/devto huggingface dataset:
Create an Organization level feed in Azure Artifacts
Tags: azureartifacts, azuredevops
Published: 2020-05-11 18:12:11

---
title: Create an Organization level feed in Azure Artifacts
published: true
date: 2020-05-11 18:09:50 UTC
tags: azure-artifacts,azure-devops
canonical_url: https://jessehouwing.net/create-a-organization-level-feed-in-azure-artifacts/
---

 ![Create an Organization level feed in Azure Artifacts](https://jessehouwing.net/content/images/2020/05/pakhuis.jpg)

The official guidance is to create Project level feeds, unless you know what you're doing. And to discourage users, you need to create a new feed using the REST API instead.

[Can No Longer Create Organization-scoped Feeds - Developer Community
Developer Community for Visual Studio Product family Richard Meadows [MSFT]Developer Community](https://developercommunity.visualstudio.com/content/problem/859583/can-no-longer-create-organization-scoped-feeds.html)

Exactly how, the issue doesn't explain. So let me show you how I did it.

## 1. Create a Bogus Feed

Navigate to the Artifacts Hub and hit the + **Create Feed** button. Enter a bogus name for the feed. **Don't hit create yet!**

![Create an Organization level feed in Azure Artifacts](https://jessehouwing.net/content/images/2020/05/image.png)

Then open the Developer Tools in Chrome or Edge. Go to the **Network tab** and hit **Create** to create the feed:

![Create an Organization level feed in Azure Artifacts](https://jessehouwing.net/content/images/2020/05/image-1.png)

## 2. Capture the POST call

From the Network tab, find the POST call to the `_api/Packaging/Feeds` endpoint and copy it as PowerShell (or the kind of scripting language you're familiar with).

![Create an Organization level feed in Azure Artifacts](https://jessehouwing.net/content/images/2020/05/image-2.png)

## 3. Change the call to target the Organization level

Change the following elements:

1. Remove the Project GUID from the POST URL ant the Path header:
2. Remove the Project element from the payload
3. Change the `temporary-bogus-name` to the desired value
4. Add `-UseBasicParsing` if, like me, you don't have Internet Explorer installed

![Create an Organization level feed in Azure Artifacts](https://jessehouwing.net/content/images/2020/05/image-3.png)

> **Don't copy my values verbatim. The Identity Descriptors are specific to you account and you need a valid Bearer Token.**

Now run the code and: there's your feed!

> Note: this example doesn't change the authentication headers, the Bearer Token will expire, breaking the code. [You can replace then Bearer Token with a base64 encoded PAT string.](https://docs.microsoft.com/en-us/rest/api/azure/devops/?view=azure-devops-rest-5.1)
QnA: I am a student. I need a job and earn some money. How do I start?
Tags: javascript, beginners, 100daysofcode, career
Published: 2020-05-11 18:07:58

I am so glad you are thinking about your future at this young age. Kudos to you! I would do this. 

Be a rockstar student in your college, in your field. Put in all the hard work towards getting that degree. If you are paying for the tuition your first responsibility is to do justice to it. Because education is expensive.

Now to the most interesting part.

If you think are you are doing more than enough for your college degree start learning extra skills outside of your classroom. Take up courses that would teach you the income-earning skills. Like freelancing, writing, video editing, photography.

[My Journey Of Creating The Passive Income Empire](http://ngninja.com/posts/passive-income-my-journey)

If you are a programmer you are already in a good place to start any side hustle you'd like.

An example path for you in today's market - I would encourage you to start blogging about your favourite programming language. Start a twitter account and just give out amazing tips and tricks and lessons on coding. Then create a 7-day or 14-day FREE course for beginners to level up their programming skills. And at the end of the course sell an eBook that goes into much details and more actionable steps that your students can benefit from.

To be honest, the options are limitless. It all depends on your creativity.

---

If you liked this, I'd encourage you to check my other work -
[Blog - NgNinja Academy](http://ngninja.com/)
[Instagram](https://www.instagram.com/ranjana.ban)
[eBook -> HTML to React: The Ultimate Guide](https://gumroad.com/l/html2react)
Skriptex - Launch scripts from Slack
Tags: productivity, rails, saas, startup
Published: 2020-05-11 18:03:08

Hi developpers, 

I've worked on a tool "Skriptex" to run scripts directly from Slack.
You can see it here: www.skriptex.io. 

It's a program that you can call as a command in any Slack channel, by running: `/skript`, and it goes like this: 

a. An interface to list your scripts 

![Screenshot of Skriptex](https://drive.google.com/u/0/uc?id=109zUoUSQXcEQcUbfMGOkPGel20DtxLPB&export=download "Script list")

b. An editor to code, in different languages (currently Python, Javascript and Ruby) 

![Screenshot of Skriptex](https://drive.google.com/u/0/uc?id=1nqvKpTMuNA7X7SxKFvv7byFWpG0bcKXU&export=download "Script editor")

It is useful for different purposes: business process automation customer support, system administration, and many other things. 

As it's a new app I've just launched, I'm eager to hear from you: 
- As far as how the tool works, would you feel comfortable writing a script in it? 
- Could you easily imagine a few things you'd dream of automating in Slack? 
- Is it something that speaks to you? 

Any feedback is welcome, feel free to comment!
My student's life
Tags: SliceOfLife
Published: 2020-05-11 17:36:57

When i wrote this text, i was actually in 2nd year in my dev's school, Epitech.
In this school, you don't have any teacher, the best teacher and friend that you had was internet, the only people that explain something was by conference. The system of mark of the school was by project, you had a certain time to return a solution of the problem asked. It was basically informatic and programing subjects. The school was opened 24h/24 and 7d/7  and you had to worked with team mates for return the projects.

This school was actualy pretty good because this showed how the working world work. But, this school asked us a lot of work and this took a lot of my free time. Personally, I think this is a good opportunity for my future life, learn to be independent.

During this time, I lived in a studio without my parent. This studio was next to the school, I just had to cross the street to enter in this school. This was pretty cool, mostly when you have a exam at 9 am and you just waked up at 8:50 am.

My studio and the school was in the downtown of Nantes. I had access to everything I wanted, like shops, restaurants or other stuffs like that. I mostly ate at lunch in restaurants and ordered my meal for the diner. Just a little secret between us, I was really not a good cook. This was my student's life during my 2nd year at Epitech.

And you, what was your student's life ?

Léo Ménard
Looping Opacity Animation in React Native
Tags: react, reactnative, javascript, animation
Published: 2020-05-11 17:29:35

I needed to animate a red dot similar to how a recording light flashes. Kinda like this 👇

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/h5t3yrpmc41b3ssn2etr.gif)

CSS Keyframes make it as easy as pie 🥧

```CSS
@keyframes blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.blinking-dot {
  width: 30px;
  height: 30px;
  background: rgba(179, 0, 0, 0.8);
  border-radius: 15px;
  animation: blink 1s infinite;
}
```

A blinking dot in React Native requires a little more work. Animations are usually implemented using [react-native-reanimated](https://github.com/software-mansion/react-native-reanimated). With the help of [react-native-redash](https://github.com/wcandillon/react-native-redash) from William Candillon, who does the [_Can it be done in React Native_ videos on YouTube](https://www.youtube.com/user/wcandill), animating this blinking dot isn't that bad. Using the [loop() function](https://wcandillon.github.io/react-native-redash/run-animations#loop) with the `boomerang` option set to `true`, the opacity will bounce back and forth from 0 to 1 🦘

```jsx
import Svg, { Circle } from 'react-native-svg';
import Animated, { Easing } from 'react-native-reanimated';
import { loop, mix } from 'react-native-redash';

const { set, useCode, Value } = Animated;

function BlinkingDot() {
  const animation = new Value(0);

  useCode(
    () =>
      set(
        animation,
        loop({
          duration: 1000,
          easing: Easing.inOut(Easing.ease),

          // the animation goes from 0 to 1 and then
          // from 1 to 0 in the next cycle
          boomerang: true,
          autoStart: true,
        })
      ),
    [animation]
  );

  // Interpolate the node from 0 to 1 without clamping
  const opacity = mix(animation, 0.1, 1);

  return (
    <Animated.View style={{ opacity }}>
      <Svg style={styles.circle} viewBox="0 0 100 100">
        <Circle cx="50" cy="50" r="50" fill={Colors.red} fillOpacity="1" />
      </Svg>
    </Animated.View>
  );
}
```

[React Native Reanimated](https://software-mansion.github.io/react-native-reanimated/index.html) uses a declarative API, so it's a lot easier to understand what's going on. Animations are performed in steps, which is very similar to how keyframe animations are executed. This is great because it lowers the barrier of entry for developers getting into React Native.
Getting started with Vite, a no bundler DEV environment for Vue.js
Tags: vue, javascript, webdev, opensource
Published: 2020-05-11 17:26:27

# Introduction
Vite is a no bundler DEV environment for Vue.js, created by Evan You. Vite serves your code via native ES Module imports during development, allowing you to develop Vue.js single file components without a bundle step. While Vite is primarily designed to work with Vue 3, it can also be used with other frameworks, including React. Vite by design is Lightning fast cold server start and offers Instant hot module replacement and True on-demand compilation.

# What does Vite mean?
Vite, is a french word meaning ‘Fast’, and pronounced ‘Vit’.

# Why use Vite?
Primarily Vue developers will be using Vue CLI to compile their projects during development and for production, this comes with some disadvantages: You have to wait until your entire app to be bundled to start developing, this can make cold server start very slow, particularly for larger projects. Larger projects can also suffer from slow Hot Module Replacement (HMR). Vite tackles these issues by compiling code on demand, only compiling the code imported on the current screen and HMR performance is decoupled from the total number of modules, making HMR consistently fast no matter how big your app is.

# Getting started
To get started with Vite open your terminal and navigate to your chosen directory. From here run the Vite create command:

```
npx create-vite-app <project-name>
```

Change directory to project:

```
cd <project-name>
```

and install node modules:

```
npm install
```

You can then start the Vite Dev environment by running:

```
npm run dev
```

Vite should now be running in localhost.

# Testing Hot Module Replacement
Now you have Vite up and running you can test Vite’s Hot Module Replacement (HMR). In your chosen Editor, open your Vite project and from the `components` folder open the `HelloWorld.vue` file. Your template code should look something like this:

```
<template>
    <div class="hello">
        <h1>{{ msg }}</h1>
        <button @click="count++">count is: {{ count }}</button>
        <p>Edit <code>components/HelloWorld.vue</code> to test hot module replacement.</p>
    </div>
</template>
```

I suggest opening your Vite site in the browser, next to your editor, then edit your H1 and prefix it with `Hello Vite: ` like so:

```
<template>
    <div class="hello">
        <h1>Hello Vite: {{ msg }}</h1>
        <button @click="count++">count is: {{ count }}</button>
        <p>Edit <code>components/HelloWorld.vue</code> to test hot module replacement.</p>
    </div>
</template>
```

Hit save and watch your changes instantly appear in the browser.

# Conclusion
We’ve looked at the very basics of getting Vite up and running — At this stage Vite is still experimental, but the goal is for Vite to become suitable for production. It’s still early days yet but I look forward to the possibility of replacing bundlers with Vite in the future.

If you’ve found this article useful, please give it a clap and follow me on [Medium](https://medium.com/@wearethreebears), Dev.to and/ or [Twitter](https://twitter.com/wearethreebears).
Announcing react-monetize ⚛️
Tags: webmonetization, gftwhackathon, react, opensource
Published: 2020-05-11 17:22:19

Why re-invent the wheel everytime?
If there's something we as React devs love is the infinite and ever expanding ecosystem of tools and packages at our disposal.

The [GFTW Hackaton](https://dev.to/devteam/announcing-the-grant-for-the-web-hackathon-on-dev-3kd1) provided a unique opportunity to add our grain of sand to the community and build something to help future users of the `web monetization api`. That's why I'm building `react-monetize 💸`.



## What is it about?
It's a set of helpers to speed up development time and integrate easily with the new [Web Monetization Api](https://webmonetization.org/docs/getting-started.html).

## Is there a mission
Yes. It has to be easy to use, performant and must support React and Next.js.

## Prototype
To use `react-monetize` you'll have to wrap your app in a `MonetizeProvider` and give it a payment pointer. After that you'll have the data available for you at any time.

```react
import { MonetizeProvider } from 'react-monetize';
function App() {
  return (
    <MonetizeProvider paymentPointer="myPaymentPointer">
      <AppCode />
    </MonetizeProvider>
  );
}
export default App;
```

## Feedback
Please feel free to comment your thoughts about the project and any idea is welcomed.

### Have a great week!
Why use feature flagging
Tags: webdev, javascript, react, programming
Published: 2020-05-11 17:11:40

---
title: Why use feature flagging
published: true
description: Feature flagging is a method by which developers wrap a new feature in an if/then statement to gain more control over its release
tags: webdev, javascript, react, programming
---

### Introduction: Get the most from your flag

Feature flags (also feature switch, feature flag, feature flipper, conditional feature, etc) is a technique that helps developers and teams to modify the behavior of systems without having to change the code.

Feature Flags is used to hide, enable, or disable the feature during runtime. For example, during the development process, a developer can enable the feature for testing and disable it for other users. 


Is used by many large websites including Flickr, Disqus, Etsy, Reddit, Gmail, and Netflix, as well as software such as Google Chrome Canary.

### [What is UpStamps?](https://www.upstamps.com)

[UpStamps](https://www.upstamps.com) is a Feature Flag Management Platform to separate code from different environments and projects. 

UpStamps helps teams manage their projects using feature management with a **Central control** to progressively deliver features to users with confidence.

[Sign Up for Free](https://app.upstamps.com)

🛳 Ship when you're ready 
🚀 Accelerate feature release 
🙈 Hide unfinished features

![UpStamps Control Center](https://i.imgur.com/FQEqNbP.png)

Useful links about UpStamps:

- [About](https://www.upstamps.com)
- [Documentation](https://docs.upstamps.com)
- [Start Testing in Production](https://app.upstamps.com)

Useful links about Feature Flags:

- [Feature Toggle by Martin Fowler](https://martinfowler.com/articles/feature-toggles.html)
- [The Hub for Feature Flag Driven Development](https://featureflags.io/)
- [Feature Toggle by Wikipedia](https://en.wikipedia.org/wiki/Feature_toggle)
CRUD and Authentication is annoying and time consuming (kiss.js to the rescue)
Tags: javascript, serverless, typescript, webdev
Published: 2020-05-11 17:03:03

You have this great idea for a cool new mobile app and you immediately want to start building it.
You have everything laid out in your head already: You need some CRUD models with authentication and you need some custom logic that gets executed in response to crud operations.

When you are planning this kind of applications, you normally just think about your business logic and how to do it. Because crud is just crud and authentication is just authentication. Nothing to really think about.

But let's face it: Till you can start developing your app, you have to spend days or weeks on building really basic authentication stuff and all the required CRUD operations plus corresponding views. Then you need form validations and the list gets bigger and bigger...

This takes so much time that you lose your motivation and abandon the project. You start your next project and it all begins again... Repeat.

But imagine you could start a new project and authentication is already fully working. A dream! And now imagine you could create all CRUD operations and views for the model with one simple cli command ala ruby on rails. Perfect.

This basically means you can start working on your app shortly after creating it. You can deep dive into your business logic straight after starting. That's the world you ever dreamed of!

**Entering kiss.js:**

Kiss.js is a javascript framework created to build mobile applications.
Developing a mobile application with kissjs removes all this pain from development.
You start a new kissjs project which comes with authentication built in. That means you get Signin and Signup Pages hooked up to a datastore. And a mechanism to restrict any route you want to require an authenticated user.

Additionally the kiss cli gives you a scaffold command to generate the complete crud boilerplate for any kind of model. Think of it like the famous ruby on rails scaffold command.

After you generated the crud stuff for your models you can fully concentrate on your business logic.
Kissjs already created Business Logic components for your crud pages which makes it easy to add any kind of logic to your crud boilerplate.

Kissjs makes mobile app development fun and fast again. You will get your app shipped in no time.

Im posting updates about the development of kiss [on twitter](https://twitter.com/rallipi). Follow me there to stay up to date with kiss.js and be one of the first to try it out.

Happy coding!
COVID Letters: Spreading positivity in the age of COVID
Tags: node, bootstrap, mongodb, html
Published: 2020-05-11 16:56:21

---
title: COVID Letters: Spreading positivity in the age of COVID
published: true
description: 
tags: nodejs, bootstrap, MongoDB, HTML
---
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/twgkyty573tivdlmjsbo.png)

My friend @santoshvijapure and I very recently built a platform called [COVID Letters](http://covidletters.herokuapp.com/) where every one of us can write anonymous letters to spread positivity and help others combat anxiety and loneliness during this pandemic. A lot of people around were struggling with their mental health due to social isolation. This inspired us to build something to spread love and hope amidst this challenging time. 

**Tech Stack**: Bootstrap, Nodejs, MongoDB. 

We have just open-sourced the platform. [Here](https://github.com/santoshvijapure/COVID19Letters) is the GitHub repository. Would love to know everyone's thoughts and feedback on this.
Pokémon Go Shiny Luck Simulator/polly
Tags: codepen
Published: 2020-05-11 16:46:18

<p>"If you're lucky, you might encounter a shiny Pokémon".</p>

<p>Try yourself and see how your next stroll could go!</p>

<p>Tap to check, hold to fast-forward.</p>

<p>Odds are based on rough estimates.</p>

{% codepen https://codepen.io/lapolinar0519/pen/gOaKwJJ %}
What Is The Internet Of Things (IOT) Meaning & Definition
Tags: beginners, writing
Published: 2020-05-11 16:42:06

What Is The Internet Of Things (IOT) Meaning & Definition

What Is The Internet Of Things (IOT) How It Works
The Internet of Things or iot is influencing our lifestyle from the way we react to the way we behave. From air conditioners that you can control with your smartphone to Smart Cars providing the shortest route or your Smartwatch which is tracking your daily activities. IoT is a giant network with connected devices. These devices gather and share data about how they are used and the environment in which they are operated. It's all done using sensors, sensors are embedded in every physical device. 

It can be your mobile phone, electrical appliances Pecos barcode sensors traffic lights, and almost everything that you come across in day-to-day life. These sensors continuously emit data about the working state of the devices, but the important question is how do they share this huge amount of data, And how do we put this data to our benefit iot provides a common platform for all these devices to dump their data. And a common language for all the devices to communicate with each other. 
<a href="http://www.techieankit.in/2020/05/what-is-internet-of-things-iot-meaning.html">Read More</a>