teleren/devto huggingface dataset:
Top 7 Featured DEV Posts from the Past Week
Tags: top7
Published: 2022-03-01 21:52:46

---
title: Top 7 Featured DEV Posts from the Past Week
published: true
description: A round up of the most-read and most-loved contributions from the community this past week
tags: icymi 
cover_image: https://thepracticaldev.s3.amazonaws.com/i/sfwcvweirpf2qka2lg2b.png
---

_Every Tuesday we round up the previous week's top posts based on traffic, engagement, and a hint of editorial curation. The typical week starts on Monday and ends on Sunday, but don't worry, we take into account posts that are published later in the week._ 

## 🇺🇦 ❤️ 

As a Ukrainian, @sirinoks is understandably devastated by the ongoing attack on their homeland. We thank them for sharing a look inside what their week was like as a developer during a time of crisis and more importantly, as a human being following this tragic development. We are keeping their friends and family in our thoughts.

{% embed https://dev.to/sirinoks/major-planning-ukraine-32nf %}

## Knowing when to leave

@smeetsmeister shares some important life lessons that he learned from stepping down from his first startup!

{% embed https://dev.to/smeetsmeister/why-i-stepped-out-of-my-first-startup-1bj3 %}


## A clean and tidy React structure 🧹 

Organizing your React project can be a huge headache. @jeffreythecoder will help us out with his tips for a clean and practical React structure.

{% embed https://dev.to/jeffreythecoder/how-i-structure-my-react-projects-59ja %}


## WFH FTW!

@alisaduncan shares a look at their favorite tools and products that make working from home more comfortable and seamless. Perhaps it's time for an upgrade yourself!

{% embed https://dev.to/alisaduncan/working-from-home-in-my-upgraded-remote-office-19a %}


## Public Policy

As @osikwemhev puts it, "Policy is one of the less frequently talked about features in NodeJS". So... let's take a look!

{% embed https://dev.to/osikwemhev/polices-in-nodejs-part-1-3pfj %}


## The Great Gatsby

Why use Gatsby instead of Next.js for website development? @alex_barashkov will explain in detail!

{% embed https://dev.to/alex_barashkov/comparing-gatsby-and-nextjs-for-website-development-13b7 %}


## A new era for higher-order components?

What are higher-order components and is it true that React hooks made them obsolete? @adevnadia answers all these questions and more!

{% embed https://dev.to/adevnadia/higher-order-components-in-react-hooks-era-3d9b %}


_That's it for our weekly Top 7 for this Tuesday! Keep an eye on dev.to this week for daily content and discussions...and be sure to keep an eye on this series in the future. You might just be in it!_
Streaming NFT Analytics with Apache NiFi and Apache Pulsar (FLiPN Stack)
Tags: apachepulsar, apachenifi, nft
Published: 2022-03-01 21:48:37

**REPOST**:  [https://medium.com/@tspann/streaming-nft-analytics-with-apache-nifi-and-apache-pulsar-flipn-stack-6c1d944d1087](https://medium.com/@tspann/streaming-nft-analytics-with-apache-nifi-and-apache-pulsar-flipn-stack-6c1d944d1087)

On March 10, 2022, at 6pm EST, we will do a live meetup on this topic.
Apache Pulsar and Apache NiFi For Cloud Data Lakes | Meetup
Discover how to stream data to and from your data lake or data mart using Apache Pulsar™ and Apache Nifi®. Learn how…
www.meetup.com

In a few days you will learn how to use Apache Pulsar and Apache NiFi to Stream to your Data Lake!

Discover how to stream data to and from your data lake or data mart using Apache Pulsar™ and Apache NiFi®. Learn how these cloud-native, scalable open-source projects built for streaming data pipelines work together to enable you to quickly build applications with minimal coding.

AGENDA
3:00–4:00 PM PST: Presentation — Tim Spann, StreamNative Developer Advocate
4:00–5:00 PM PST: Presentation — John Kuchmek, Cloudera Principal Solutions Engineer
5:00–5:30 PM PST: Q&A + Networking
John Kuchmek is a Principal Solutions Engineer for Cloudera. Before joining Cloudera, John transitioned to the Autonomous Intelligence team where he was in charge of integrating the platforms to allow data scientists to work with various types of data.
Tim Spann is a Developer Advocate for StreamNative. He works with StreamNative Cloud, Apache Pulsar™, Apache Flink®, Flink® SQL, Big Data, the IoT, machine learning, and deep learning. Tim has over a decade of experience with the IoT, big data, distributed computing, messaging, streaming technologies, and Java programming. Previously, he was a Principal DataFlow Field Engineer at Cloudera, a Senior Solutions Engineer at Hortonworks, a Senior Solutions Architect at AirisData, a Senior Field Engineer at Pivotal and a Team Leader at HPE. He blogs for DZone, where he is the Big Data Zone leader, and runs a popular meetup in Princeton on Big Data, Cloud, IoT, deep learning, streaming, NiFi, the blockchain, and Spark. Tim is a frequent speaker at conferences such as ApacheCon, DeveloperWeek, Pulsar Summit and many more. He holds a BS and MS in computer science. He is currently working on a book about the FLiP Stack.
NiFi Flow
Apache NiFi Flow

Apache NiFi Flow To Apache Pulsar
See the source code here: https://github.com/tspannhw/FLiPN-NFT
Free gift card for ~15m taking my thesis research survey
Tags: programming, career, webdev, learning
Published: 2022-03-01 21:46:52

Update: thanks to all! The survey has reached its limit of 20 responses and is no longer accepting input.
--

Hello! I was a software practitioner (dev, design, agile) for 20+ years, and now I’m a grad student studying how software teams work and what values they promote and practice. If you’ve worked on a software team or teams in a development capacity during the past few years, I’d love to give you a $30CAD Amazon gift card in exchange for approximately 15 minutes of your time filling out an online survey for my research project.  

Besides the gift card, my hope is that this research can offer an opportunity to contribute to an understanding of software production as something bigger than a job, something that can help people think and act in different and adaptive ways. The link below will remain active until 20 developers respond to the survey (and provide their email address on it, which is optional if you don’t want a gift card), because that’s my project’s budget. Many thanks in advance!
Remote Fullstack Dev Opp with DC Saas Company
Tags: javascript, node, react, java
Published: 2022-03-01 21:40:27

**I am new here, dont hate me for trial and error!**
Four openings for a fintech-ish partner of mine down in DC. Transforming their professional services platform to true SAAS. Need to de-compose their legacy code, rewrite their current application and modernize their tech stack. This is part of the UI Team. 
Coding in React and Node. 
RESTful API knowledge and back end understanding of Java would be great. 
Also any knowledge of container technology (Docker or Kubernetes) is a plus. 
Have developed their own private cloud using KVN for customer data.
Remote Fullstack Dev Opp with DC Saas Company
Tags: javascript, node, react, java
Published: 2022-03-01 21:39:12

Four openings for a "fin-tech"-esque partner of mine down in DC. Transforming their professional services platform to true SAAS. Need to de-compose their legacy code, rewrite their current application and modernize their tech stack. This is part of the UI Team. 
Coding in React and Node. 
RESTful API knowledge and back end understanding of Java would be great. 
Also any knowledge of container technology (Docker or Kubernetes) is a plus. 
Have developed their own private cloud using KVN for customer data.
Wannabe Indie Gamedev - my new newsletter!
Tags: gamedev
Published: 2022-03-01 21:36:22

## I decided to start a newsletter!

I set up a Revue account and started ~~blogging~~ emailing about becoming a game developer. Not that I have any experience in that matter (as of 2021-11-12), but I’m going to document it. Or die trying.

I decided too write about learning about tools and productivity also, as I treat those two as Act 1 and Act 2 of a Game Developer Career (not that I have any expierience in saying so), but if creating games is Act 3, then as you probably know - **if you’re act 3 sucks, the problem lies in act 1 and 2** ;-)

[You can sign up here](https://www.getrevue.co/profile/MariuszKlimek)

See ya in your inbox! ;-)
The Major Difference Between Web 2 and Web 3
Tags: web3, blockchain, blockgames, nestcoin
Published: 2022-03-01 21:23:01

There is a lot of talk about the "next big thing" in the world of the internet- web 3.0. But what does that actually mean? And how does it differ from web 2.0?

Web 3 is all about connection and data. The goal is to make the internet more like the real world, where people can connect with each other and share information seamlessly.

This would be made possible by Semantic Web technology, which would allow computers to "understand" the meaning of web content instead of just reading it as raw data.

In contrast, web two is focused on providing users with a better experience by making it easier to use and access information. This was made possible by the development of social media platforms and other user-friendly features.

So, what does this all mean for businesses and consumers?
For businesses, the transition to web 3 will mean a shift towards more collaborative and networked models. They will need to find ways to make the most of the new technologies that are available, and learn how to use them effectively in order to connect with customers.

For consumers, the biggest change will be a move away from individualized experiences towards more collective ones. They will need to become comfortable with sharing their data and connecting with others online, in order to get the most out of the new web.

## How the world is adapting to Web 3

While Web3 is still relatively new, there are already a number of companies and organizations that are starting to experiment with its potential.

Some notable examples include:

Walmart, which is using blockchain technology to improve food safety
The United Nations, which is using it to help track humanitarian aid
Logistics giant Maersk is using it to streamline the shipping process

All of these organizations are recognizing the potential that Web 3 has to offer, and are starting to experiment with it in order to stay ahead of the curve.

Africa, and indeed Nigeria is not left out of this as there are a few startups in the country that have started to explore web 3 and its potential.

One of these startups is Konnect Africa, which is using blockchain technology to provide affordable internet access to rural communities across the continent.

Another Nigeria Crypto startup, [Nestcoin](https://nestcoin.com/) is also using blockchain to provide a more secure and efficient way of conducting business transactions.

They are also investing in training new blockchain developers to help grow the ecosystem through their [Blockgames BootCamp](https://blockgames.gg/) in collaboration with The [Zuri Team](https://zuri.team/).

This will boost the development of blockchain technology in the country and position Nigeria as a key player in this space.

Although web 3 is still in its early stages, it already has the potential to revolutionize the way we use the internet. Businesses and consumers need to start preparing for it now, so they can take advantage of all that it has to offer.

Are you ready for web 3? Stay tuned for more information on this exciting new development.
NoSQL Database Model for a Messaging System like WhatsApp or Messenger
Published: 2022-03-01 21:09:30

If you had to design the database architecture for **WhatsApp** or **Messenger** which will scale to #100 million messages per day in **MongoDB** this is how you would do it?

**Use Cases**

1. Private Chats
2. Group Chats
3. Import Contacts
4. Sent, Delivered & Read Receipts
5. Add/Remove from Group

**_Users_ Collection**

Self-explanatory schema for #User

![User](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/75nq5qpxy6o9etfgtx8g.png)

**_Conversation_ Collection**

Whenever a new Group or Private channel is created a document in the _Conversation_ collection is created and specified users are added to _Membership_ Collection


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

**_Membership_ Collection**

Used to track membership in different groups. eg. if a conversation is initiated between 10 members, a single #Conversation document is created and 10 _Membership_ documents are created.

Adding/Deleting _Membership_ documents helps us with usecase #5


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

**_Message_ Collection**

Whenever a message is sent a single _Message_ document is created with associated _Conversation_ & _User_ reference


![Message](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7c19w3ts1wtc64aanng3.png)

**_Receipt_ Collection**

This helps us with use case #4. Eg. is 2 messages are sent to a group of 30 people. 30x2 = 60 _Receipt_ documents are created to track #sent, #delivered and #read status


![Receipt](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3gcaawftqkhvfe1ijou1.png)

**_Contact_ Collection**

This is optional, but if you want to build import contacts for specific users so he can start a private or group chat from his contacts. Whenever a user imports a contact or starts a chat a _Contact_ document is created for that specific user as the owner


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

I intended to build a data model for a fully functional messaging system, which can be fit into a variety of systems to send private & group messages, add & maintain groups.
Feel free to share your views/ inputs/ comments on this.
Moving to the tech capital of Europe
Tags: berlin, tech, job
Published: 2022-03-01 20:54:38

## Berlin

You may be familiar with Berlin as the German capital, which impresses with its incredible diversity of sites, rich cultural life, and bustling but relaxing way of life. Beside that, Berlin is also a creative city, a startup hotspot, and an inventive technology and scientific site, as well as one of Germany's most active economic districts. In 2020 there was [78,000 startup jobs](https://dealroom.co/reports/berlin-startup-jobs-jump-to-78000-an-increase-of-19000-in-two-years) in Berlin which highlight how booming the startup sector is. So the question is, does it worth to move to Berlin as a Software Engineer and how much can you earn?

## Salaries in Berlin

In order to estimate what salary you can expect as a software developer in Berlin, [the pay atlas of the employment agency]( https://web.arbeitsagentur.de/entgeltatlas/beruf/15260?region=14
) offers a detailed preview:

![Software Engineer salary in Berlin](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/avskpquxz16qkc4ikpuw.png)_Source:_[_arbeitsagentur.de_](https://web.arbeitsagentur.de/entgeltatlas/beruf/15260?region=14)

In Berlin, the median gross monthly salary is a whopping €5,253, or €63,036 for the entire year. This would put a Software engineer in a high earner category:

[![Gross Salary Categories](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gqzsxx7vj9fcwyued3d2.png)](https://visualsm.art/gross-net-salary-calculator/).

By assuming that you are single without kids, and religious affiliation, your [monthly and yearly salary after taxes](https://visualsm.art/brutto-netto-gehaltsrechner/) would be €3,197.91 and €38,374.88, respectively.


At this point, you may be wondering about the cost of living in Berlin. I will go into this further below.

## Cost of Living

### Rent

Depend on you preference or family size, you either can rent a house or an apartment. Apartments in Berlin are rented for an average of [€10.42 per square meter](mcmakler.de/immobilienpreise/berlin?address=&center=15.645845592806381%2C52.58062128985901&zoom=6). The pricing range of rental flats is from €6.07 per square meter to €19.05 square meter. Let's assume that you are single and you are planning to rent a Studio with 50 m2. This would be around €521 plus internet, electricity, ancillary costs, which can be around €200-€300. 

### Grocery

Of course, how much you spend on groceries is determined by which stores you favor, how frequently you shop, and how often you are tempted to dine out. The average monthly cost of food for a single is around €250-€350.

### Transportation

I assume that you are concerned about climate change, hence, you would opt for a bike.

## Summary

Based on the above assumptions, you would end up with a monthly savings of about €2000. You still have enough money in your pocket to eat out, go to the cinema or a concert, or even explore Germany.
What makes Web3 different from Web2
Tags: web2, web3
Published: 2022-03-01 20:36:48

**What is Web2?**
Web2 refers to the current version of the Internet with which we are all familiar. An internet dominated by companies that provide services in exchange for your personal data.

**What is Web3?**
Web3 represents the next iteration or phase of the evolution of the web/Internet. Web3 is built upon the core concepts of decentralization, openness, and greater user utility. In the context of Ethereum, Web3 refers to decentralized apps that run on the blockchain. These are apps that allow anyone to participate without monetizing their personal data.

**The differences between Web2 and Web3** 

1. In Web2, users are in control of what they consume/create, but have zero control over the platforms on which they consume & create. With Web3, users have far more control over the underlying infrastructure, rather than centralized authorities & entities such as Google, Apple, and Facebook. For instance, Twitter can censor any account or tweet but Web3 tweets would be uncensorable because control is decentralized.

2. Servers for gig-economy apps like Fiverr or Uber Eats could go down and affect worker income whereas in Web3, servers can't go down because they use Ethereum, a decentralized network of 1000s of computers as their backend.

3. Payment service like PayPal or Stripe may decide to not allow payments for certain types of work whereas in Web3, payment apps require no personal data and can't prevent payments. 

4. Currently in with Web2,large organizations like Facebook and Amazon have large number of servers storing personal information on income, interests, dietary preferences, credit cards, etc. These data are not collected merely to enhance their services, but the data is sold to the advertisers and marketers who pay billions of dollar every year. With Web3, end-users can regain the complete ownership and control of their data and have the security of encryption.

**The Bottom Line**
To use an analogy from the movies, if Web1 represented the black-and-white movie era, Web2 would be the age of color/basic 3D, while Web3 would be immersive experiences in the metaverse.

Resource & References
[Blockgames](https://blockgames.gg/)
[Nestcoin](https://nestcoin.com/) 
[Zuriteam](https://zuri.team/)
[Ethereum.org](https://ethereum.org/en/developers/docs/web2-vs-web3/)
Why not try declarative coding for the Web
Tags: typescript, web, declarative, ui
Published: 2022-03-01 20:19:31

---
title: Why not try declarative coding for the Web
published: true
description: Yet another approach to write on the web. Maybe that's the way...
tags: [typescript, web, declarative, ui]
---

Google and Apple, for the past few years, have been touting their frameworks: Flutter, SwiftUI, and JetPack Compose. Being a mobile developer (on occasion), I've noticed that these frameworks have something in common: **doing declarative UI**. And I think they might be on the right side with type of paradigm...

Either writing code for the web, or you're creating applications for phones, you'll notice that these two worlds never collide; different paradigm and approaches. That's why I tried to code declaratively on the web. I wrote a little project (WIP), it was quite interesting topic to dig into. No need to Google what it does or doesn't do. Each component is self-documented, easy to extend, **no HTML** and perhaps **no css**.



### What I mean by declarative ?

For those who don't want to bother with css and html. You can expressively write components rapidly and autocompletion of your IDE will help you a lot.

### Writing declaratively:

```md
- Components already made and available for you to use.
- Extend Existing Components with its built-in styling
- Easier to read
```

In a case you want a list:

Just do:

```js
Column({
    children: [
        Items(),
        Items(),
        Items(),
    ]
})
```

Or a row ? 


```js
Row({
    children: [
        Items(),
        Items(),
        Items(),
    ]
})
```

What about centering ? (Yeah my dudes, it's so easy)

```js
Center({
    child: Items()
})
```

What if you want to create a scrollable/stackable/clickable elements ?

In declarative coding, everything is a sort of `function` you can call.

`Scroll({ children: [] })`, `Stack({ children: [] })`, `Button()` and so on...


### How can we style a component ?

```js
// Inside a component you will have all that you need, and it is self documented
// Your IDE will help you :)
TextSpan({
    text: "Hello",
    style: {
        fontWeight: FontWeight.Regular
    },
}),

```

Check out my repository and try it for yourself. And see if coding this way is nice or really bad.

[https://github.com/theArtechnology/declarative-js](https://github.com/theArtechnology/declarative-js)


Do you think it's time to simplify things? Why not try declarative coding for the Web?
Pi day is coming to the Microsoft Reactor
Tags: raspberrypi, meetup, reactor, piday
Published: 2022-03-01 20:16:15

---
title: Pi day is coming to the Microsoft Reactor
published: true
description: 3/14 is Pi day (that's 14th March for those outside the US), and the Microsoft Reactor is celebrating with 3 Raspberry Pi focused livestreams!
tags: raspberrypi, meetup,reactor,piday
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f53xukmqp2i2f9ivwp70.png
---

3/14, or the 14th of March is [Pi day](https://www.piday.org) (apologies to everyone outside the US who uses DD/MM date formats...)!

The best thing to celebrate Pi day with is, well, Pie.

![An animated GIF from Twin Peaks of Special Agent Dale Cooper being given a slice of cherry pie](https://media.giphy.com/media/l1IY2ivbsg1RgDpxS/giphy.gif)

The second best thing to celebrate Pi day with is the [Raspberry Pi](https://www.raspberrypi.org), one of our favorite IoT devices.

> Want some hands on with a Raspberry Pi and .NET? Check out our [Construct Internet of Things devices using the .NET IoT Libraries learning path on Microsoft Learn](https://aka.ms/ConstructIoTDevices)

At the Microsoft Reactor we will be celebrating with a set of streams focusing on IoT built using a Raspberry Pi. Come join us using the Meetup or Huodongxing registration links below.

| Date | Time | Session |  Registration Link |
| --- | --- | :--- | :--- |
| March 14th | 11AM PT | Let's setup a Raspberry Pi as an Azure IoT device (Part1) | [Meetup](https://aka.ms/piday/iot_p1) |
| March 14th | 12PM PT | Azure IoT Edge and Machine Learning 🧠 with Raspberry Pi and reTerminal (Part 2) | [Meetup](https://aka.ms/piday/iot_pt2) |
| March 14th | 3PM PT | [IoTea](../IoTea/README.md) - Leaves and Logistics |[MeetUp](https://aka.ms/piday/iotea) |
| March 14th | 3:30AM PT | Raspberry Pi meets the Internet of Things | [Huodongxing](https://www.huodongxing.com/event/7640599475423)