teleren/devto huggingface dataset:
Patterns.Dev Rendering Notes (Deleted Twitter Posts)
Published: 2022-10-20 11:16:33

I do expect someone to correct me because I’m on a limb & veering into meta framework territory but feeling cute so will say anyway. Full SSR is hydrated once at the root of the DOM tree once all html is written & global closure of closures is constructed…
5:29 AM · Oct 20, 2022
·Twitter for iPhone
View Tweet analytics

boo 👻 nifty

·
1h
Replying to 

Selective hydration can hydrate the DOM (attach React js handlers) before data is sent because html elements are wrapped in Suspense (a lazy load boundary synched with the server).
boo 👻 nifty

·
1h
What is server “sent” vs server “streamed”? It is the difference between serializing the DOM (stringnifying it as a convenient method of marshaling it over the wire by hyper-“text”-transfer-protocol) and piping it in chunks one at a time or several that is also fine
boo 👻 nifty

·
1h
What is this chunks? It is an automated task of node to slice a file into equal sized pieces, which are kept in order (like a linked list), and introduced into memory such that the server process may operate on them (eg pipe them to the browser). In the end, it is just an array.
boo 👻 nifty

·
1h
Stream is just array processing that node handles automatically with respect to memory contract management. Or memory management. You might say there is a contract as well.
boo 👻 nifty

·
45m
I'm going to refer to Addy & Lydia's '[Selective Hydration](https://www.patterns.dev/posts/react-selective-hydration/)' as 'hydrating the skeleton' because handlers are attached to DOM sans data & fetcher could be isomorphic (same code on client & server produces same result; eg same call to db for data retrieval)
patterns.dev
Selective Hydration
How to use combine streaming server-side rendering with a new approach to hydration, selective hydration
boo 👻 nifty

·
14m
Finally, and I do expect pushback on this one, Islands Architecture is server rendered with JS sprinkles, meaning, like JQuery, it has multiple entry points without a single unified state lifecycle management paradigm...
boo 👻 nifty

·
14m
For instance, triggering a webhook would not send a message to the root of the app and cause it to rerender the component (to which the hook was attached as a handler during 'hydration') branch. The units of interactivity are as of yet (and for all time) unawares of one another
3D AVATAR Creator Online
Tags: 3davatar, metaverse
Published: 2022-10-20 10:48:39

**Have you ever tried to make your virtual self with a 3D avatar creator?**

From social to messaging apps, creating avatars for the digital world is now the new normal. Interacting behind the cartoonish version of oneself enlivens the web and gives it a personal touch. Today, digital frontiers take it further, and turning yourself into a three-dimensional virtual character is possible.


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

## ZEGOCLOUD, vanguard 3D Avatar Creator

One cutting-edge 3D avatar creator is [ZEGOCLOUD](https://www.zegocloud.com/). 
Based on **powerful artificial intelligence algorithms**, with ZEGOCLOUD’s avatar creator, you can create the perfect avatar for your social media, games, virtual events, and other applications.

With accurate facial feature recognition, the solution quickly generates a 3D face model based on the photo. Adjusting the multidimensional parameters of facial features gives each one a unique avatar and accurate self-portrait.

In addition, with numerous options, including clothing, accessories, and virtual makeup, you can unleash your customization.

The main features of ZEGOCLOUD’s 3D avatar creator are:

- 
Facial expression mirror, capturing users’ facial expressions in their avatar in real-time

- 
Vocal Simulation

- 
Gesture recognition

- 
Body pose recognition.

In short, you can create an avatar suitable for multiple contexts, from virtual karaoke to video games, via live broadcasts and video conferences.

The product aims at developers and those who want to integrate **ZEGOCOUD’s unique 3D avatar creator**, but anyone [can try](https://www.zegocloud.com/product/avatar) the software.

To try it out, click [get started](https://console.zegocloud.com/account/signup?contact_source=product-avatar&https%3A%2F%2Fwww.zegocloud.com%2F,e4ef442c-a4e5-4043-8215-8add937595ac) for free on the product page and sign up for the site’s console.

You can download the app to your smartphone and have fun with your 3D avatar!
5 Reasons to start developing in Blockchain
Tags: programming, beginners, blockchain
Published: 2022-10-20 10:44:09

There has been a lot of talk about Blockchain in the past year. The potential use cases are endless: from tokenization and trading, to secure IoT networks, to improving healthcare. However, as with every new technology, there remains a lot of confusion about what it is and why you should start developing for this relatively new blockchain technology. We've put together a list of the top five reasons why developers should be developing in blockchain right now.

**🚀 1. Job Opportunities** – Blockchain is growing faster than any other technology in history, with salaries four times higher than the average developer salary. 

**🌍 2. Global Impact** – Blockchain is a global public ledger, so your code could change the world beyond just one company or industry. 

**👁️ 3. World-Changing Ideas** – There’s nothing more rewarding than creating something truly revolutionary, and blockchain enables some of the most inventive ideas we’ve ever seen 

**🤖 4. Real Work Experience** – It’s exciting to work on cutting-edge technologies like Blockchain, but that comes at the expense of a cushy position with high paychecks at first. However, it opens doors to future positions that are interesting and meaningful 

**👩‍💻 5. The Future Is Here** – If you keep up with trends and follow current developments, you can actively prepare for an amazing career in blockchain development
Relocating from the City to the Peaceful Coast while Working Fully Remote
Published: 2022-10-20 10:41:06

In the 19 years that I have been working, I never imagined that my life would take a turn like this so early. Let me paint the picture for you. Typically, I thought I would need to work and live in the city until I reached the ripe retirement age of 65. I always envied the people who wake up to the sight of the waves breathing on the shore, the seagulls singing their "good morning" song and falling asleep to the beautiful, melodic sound of the waves crashing. This was my dream of retirement, but then fully remote working happened, and I joined the company of a lifetime.

Six months into working at Strapi and watching colleagues travel the world while still working, it came to me - why do I need to wait? My family (sister, mother and nieces) live on the coast, where my heart wants me to be. So, I made the decision, and we packed up - a teenager, three dogs and a car loaded to the roof. We hit the road and made the 1000km drive to the coast.
While moving and settling in came with its challenges initially, I have no regrets. Well, maybe one, I should have taken some time off to manage the settling in and adjustments for all of us, but because of the fantastic working lifestyle I have with Strapi, I was able to get through this.

Part of our remote working policy is that you have flexibility in your working day. Your hours may adjust slightly to accommodate your responsibilities or needs outside work. However, I still managed to attend every compulsory meeting, have my one-on-ones with each Strapier that I usually do, and have the odd walk on the beach during the day (with my dogs, of course).
Being city dogs, they also needed to adjust. Their paws had never touched sea sand, and don't even get me started about the hysterics of them discovering moving water. Seagulls and cows are also a new experience for them and part of their daily lives. My son is attending school online for the rest of the year, so I am balancing work, home, and supporting him, but I would not go back to the city for anything.

My gratitude is owed to Strapi for the fully-remote work that they provide. This experience has been life-changing for us. My manager supported me way beyond my expectations and with absolute care - one of our values.
Remote working makes more things possible. Strapi Life is great.

### We are hiring!

If you would like to be part of a remote company, Strapi is hiring. Visit [strapi.io/careers](https://strapi.io/careers) to learn more. 

<iframe width="560" height="315" src="https://www.youtube.com/embed/MROKhgLH9Lw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
Kubernetes Architecture
Tags: kubernetes, architecture, devops, docker
Published: 2022-10-20 10:22:24

**Why use Kubernetes?**
Containers are a good way to bundle and run...

Discover the architecture of Kubernetes 👇

 👉 [click here](https://medium.com/@paulolopesestevo/kubernetes-architecture-eb49f353b3a8)

![Kubernete](https://miro.medium.com/max/1400/1*gaMlu3gNAOAwcABbTbvV1A.png)
5 examples of using Pillow to manipulate images in Python
Tags: python, pillow, programming, beginners
Published: 2022-10-20 10:09:41

## 1. How to automatically tune image contrast

```python
from PIL import Image, ImageOps

im = Image.open('/var/www/examples/heroine.png')

im = ImageOps.autocontrast(im, cutoff = 5)
im.show()
```

- `ImageOps.autocontrast` - set contrast automatically based on given cutoff,
- `cutoff = 5` - defines part of histogram (in percents) that should be removed,

[Open original](https://onelinerhub.com/python-pillow/how-to-auto-contrast-an-image) or [edit on Github](https://github.com/Onelinerhub/onelinerhub/tree/main/python-pillow/how-to-auto-contrast-an-image.md).

## 2. How to convert an image to a black-and-white color scheme

```python
from PIL import Image, ImageFilter

im = Image.open('/var/www/examples/heroine.png')
im = im.convert('1')

im.show()
```

- `.convert('1')` - convert image to black and white colors,

[Open original](https://onelinerhub.com/python-pillow/how-to-convert-an-image-to-black-and-white) or [edit on Github](https://github.com/Onelinerhub/onelinerhub/tree/main/python-pillow/how-to-convert-an-image-to-black-and-white.md).

## 3. How to load an image over internet

```python
from PIL import Image
import requests
from io import BytesIO

url = 'https://examples.onelinerhub.com/heroine.png'

response = requests.get(url)
img = Image.open(BytesIO(response.content))

im.show()
```

- `requests.get` - loads data from given url,
- `response.content` - get content previously loaded from url,

[Open original](https://onelinerhub.com/python-pillow/how-to-load-an-image-from-url) or [edit on Github](https://github.com/Onelinerhub/onelinerhub/tree/main/python-pillow/how-to-load-an-image-from-url.md).

## 4. How to rotate an image without cropping it

```python
from PIL import Image, ImageEnhance

im = Image.open('/var/www/examples/heroine.png')
im = im.rotate(90, expand=True)

im.show()
```

- `expand=True` - increase image size instead of cropping while rotating,

[Open original](https://onelinerhub.com/python-pillow/how-to-rotate-image-without-cropping) or [edit on Github](https://github.com/Onelinerhub/onelinerhub/tree/main/python-pillow/how-to-rotate-image-without-cropping.md).

## 5. How to add rotated text to an image

The idea here is to create 2 images - one to add text to and another with the text itself. This way we can rotate second image and merge them to get desired effect.

```python
from PIL import Image, ImageDraw, ImageFont

im = Image.open('/var/www/examples/heroine.png')
text = "I am hero"

tim = Image.new('RGBA', (500,200), (0,0,0,0))
dr = ImageDraw.Draw(tim)
ft = ImageFont.truetype('/var/www/examples/roboto.ttf', 100)
dr.text((0, 0), text, font=ft, fill=(200, 200, 0))

tim = tim.rotate(30,  expand=1)

im.paste(tim, (0,0), tim)
im.show()
```

- `.text(` - draws text with given params,
- `.rotate(` - rotate given image,
- `.paste(` - paste image with text on top of loaded image,

[Open original](https://onelinerhub.com/python-pillow/how-to-rotate-text) or [edit on Github](https://github.com/Onelinerhub/onelinerhub/tree/main/python-pillow/how-to-rotate-text.md).
The Leet Code Journey
Tags: leetcode, beginners, programming, tutorial
Published: 2022-10-20 09:39:15

Data Structures are necessary for designing efficient algorithms and to write code efficiently. I wanted to brush up my DS skills, so I'm challenging myself to solve DS Problem as much as I can on weekly basis and share it in this community. If you're much interested on how algorithm works and want to develop your DS skills join the journey with me.

![Day 1](https://media3.giphy.com/media/SyP24XyDVsavNPECoR/giphy.gif?cid=ecf05e47rzltyddgfdvozcqj24mgq8gd6i49al2dr9ezgil3&rid=giphy.gif&ct=g)

## Problem 1 :
Given an array of integers nums and an integer target, return indices of the two numbers such that they add up to target.

**Example :**
**Input:** nums = [2,7,11,15], target = 9
**Output:** [0,1]
**Explanation:** Because nums[0] + nums[1] == 9, we return [0, 1].


What most would do:

After reading the problem instantly, we wrote a nested loops and found the right pair for the answer.I did the same and run the code.

It was success the problem has been solved but the result looked terrible. It was like operation success but patient died.

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

Literally that was ~2s which is not at all a efficient code. So instead of using nested loops I used hashmap.


![With hash](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uqsasmwf65euzmcinw55.png)


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

Now the result looked like this 👆,which was insane. So just by using hashmap, the code was nearly 67 times faster than the previous one.

![Fast](https://media0.giphy.com/media/uDBisxEHYwBDq/giphy.gif?cid=790b761133990ebc39a8e863d034f7fb45ad6cf68f4f611d&rid=giphy.gif&ct=g)



If you want to learn more and know such interesting thing follow me and join the journey.
What Is The Most Expensive Phone In The World
Tags: expensive, phone
Published: 2022-10-20 09:00:30

Our society is very tech-oriented, and smartphones are nearly taken for granted everywhere. A few operating specifics apart, it appears that most phones are interchangeable, while some are on an entirely different level. For the most discerning tech enthusiasts, these are some of the **[most expensive phone in the world](https://gametransfers.com/the-most-expensive-phone-in-the-world/)** because they combine style and functionality in absolutely unique ways. 


Gresso Luxor Las Vegas Jackpot
The eighth most expensive phone in the world is the Las Vegas Jackpot. Given how basic it is, many people could question the reasons why it was one of the most costly phones in the world in 2022. The body of the Las Vegas Jackpot is made up of 128 grammes of gold and 45.5 carats worth of black diamonds. Such a mobile phone is made from a pricey component.

The 32 kilogramme keypad of the phone is constructed of 17 sapphires that have been manually polished and laser engraved. Only three units of the Luxor Las Vegas Jackpot were made due to its high cost regarding most expensive phone in the world.

Diamond Crypto 
The sixth most expensive phone in the world is the Diamond Crypto Smartphone. Due to its encrypted voice and SMS communication, it is one of the most secure phones in the world. However, this feature came at a high price, placing it among the top ten most expensive phones in the world. The Diamond Crypto Smartphone has additional security and advantages over other phones because the entire system is encrypted.

The Diamond Crypto Smartphone is one of the top ten most expensive phones in the world due to its high price and numerous distinctive cryptographic features.

iPhone 3G Kings Button 
The fifth most expensive phone in the world is the iPhone 3G Kings Button. The straightforward yet pricey iPhone 3G Kings Button was created by Austrian jeweller Peter Alisson. The Kings Button on the iPhone 3G is solid 18-carat gold, available in yellow, white, and rose gold. It is one of the top ten most expensive phone in the world.

The phone's circular body is covered with a sparkling pattern made up of 138 brilliant-cut diamonds. Additionally, it has a 6.6-carat diamond in its home button, which draws much attention to the phone.

iPhone 4s Elite Gold 
Stuart Hughes continues to make one of the priciest phones in the world when it comes to luxury. The iPhone 4s Elite Gold is the second most expensive phone in the world at $9.4 million. It is the most costly phone Stuart Hughes has ever made. He views it as his most notable accomplishment.

With almost 500 unique flawless diamonds totaling up to 100ct set into the iPhone 4s Elite Gold, which was also constructed of rose gold, the pricey feature helped it land among the top ten most expensive smartphones in the world.
With the addition of its 24 karat gold Apple logo and 53 diamonds, the rear of this pricey phone is made of 24 ct gold. It is a great one regarding most expensive phone in the world.
IT Training
Tags: dotnet, oracle, php, react
Published: 2022-10-20 08:28:01

[AngularJS](https://intellimindz.com/angular-js-training-in-chennai/)
[React Training in Chennai](https://intellimindz.com/react-training-in-chennai/)
[Dot NET Training in Chennai](https://intellimindz.com/dot-net-training-in-chennai/)

```
<html>
   <head>
      <title>AngularJS Training chennai</title>
   </head>
   
   <body>
      <h1>Sample Application</h1>
      
      <div ng-app = "">
         <p>Enter your Name: <input type = "text" ng-model = "name"></p>
         <p>Hello <span ng-bind = "name"></span>!</p>
      </div>
      
      <script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js">
      </script>
      
   </body>
</html>
```
The Site That Teaches React Hook Structures 2022
Tags: react, javascript, programming, webdev
Published: 2022-10-20 08:27:59

Hello everyone. After learning a software or scripting language, we feel the need to learn a library of this structure as software developers. Because they offer us structures that make it easier to use the language we have learned. After **Javascript** is more or less mastered, we start learning the popular **ReactJs** library of javascript. This library also has structures that make our coding easier. These are **Hooks**.

**Hooks**, introduced in React version 16.8, are one of the structures that frontend developers frequently use in **React** projects. Although there is a detailed explanation in **React** documentation, it is one of the structures that are difficult to understand by beginner developers.

For this, I found a site that is simpler to explain and explains the use of each hook with examples. **React Hooks** Cheatsheet is a site that explains the hooks in react in a simple English language and reinforces them with examples. I will be sharing screenshots of a few sample explanations with you. You can [click here](https://react-hooks-cheatsheet.com/) to go to the site.

Content source: [https://en.musayazlik.com/the-site-that-teaches-react-hook-structures/](https://en.musayazlik.com/the-site-that-teaches-react-hook-structures/)

## useState()

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

## useEffect()

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

In this article, we looked at the [React Hooks Cheatsheet](https://react-hooks-cheatsheet.com/) site, a site that offers a simpler explanation of the hook structures in React and reinforces them with examples. See you in my next blog post…
The Benefits of Edius Video Editing Classes?
Published: 2022-10-20 08:18:03

If you are looking to master video editing to pursue the field of video editing as well as for personal or family needs or just as a minor problem, you'll have numerous projects to complete since, by mastering the art of editing, you can edit your family gatherings and enter the field of video production. This course helps you remove blur, ineffective dialogues as well as other types of filters that aren't needed. 

This skill is also something that you might be looking for if you are searching for video editing courses near me and looking for the best software. However, if you're looking to receive professional-level training and would like to earn certification, make contact with the paid training providers as they can provide certifications.

However, before pursuing any training, one has to know more about the course. We will then discuss the requirements, scope, and advantages that this program offers. In addition, if you wish to understand more about it then keep going through the course.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/88zlfabwuwnbww9sdv1t.jpg)

**Video editing is important for many reasons:**
The popularity of video content on the web is increasing more and more. It doesn't matter if it's YouTube or social media or any other type of marketing campaign there are a lot of videos. This is among the primary reasons why you should take advantage of video editing classes.

This is the next major technology that is set to be the defining factor in the way. It's because it's an effective and enjoyable way to engage with customers or potential viewers. There are numerous career options for video editors. 

This is an excellent chance to collaborate with the most prestigious production companies in the film and be able to work on bigger **[Edius Projects Free Download](https://editzone.in/edius-projects-free-download/)**.

In the course, the student will be taught the basics of Adobe Premier, final cut pro, After Effects, and Adobe Photoshop as well as other important tools available to create personal events.

**What are the criteria for eligibility for taking the video editing course:**
There isn't any formal educational requirement for qualification to take a course, though some courses may have academic qualifications. For basic training in video editing at Jaipur, beginner-level candidates are welcome to attend the course.

Pro tip: If you are looking to enroll in an editing course for your video it is possible to start by using beginner-level software. Once you've completed that, you'll be able to tackle any video editing task that is decent before you offer it to companies to learn some practical skills. If you can do this for just a few months or a year it is not necessary to study any advanced program.

**Conclusion:**
In conclusion, you have gained a lot more knowledge about video editing, and we hope this information will be useful to you. Additionally, if you are interested in learning more about this specialization, this is a great place to start.