Issue 007 -- Surviving the AI Era
Published: 2024-07-14 14:48:48

![](https://oss.justin3go.com/blogs/fav0-007-cover.jpg)

Back from the business trip! Returned to Chongqing, and here's a fresh photo from today.

website: [fav0.com](https://fav0.com/en/posts/2024/007)

## \>\> Topics to Discuss

**Robots Threatening Drivers' Livelihoods**

Recently, Baidu's autonomous driving service, "Apollo Go," has been extensively tested in Wuhan, threatening the livelihoods of many Didi drivers.

As times change, it's certain that more and more people will find their jobs threatened. Looking back:

- In the past, it was human-powered rickshaws
- Now it's electric/petrol-powered cars

In the past, humans figured out how to write and drive; now it's AI-driven writing and driving...

New inventions always lead to a group of people being left behind. Without discussing the issues related to drivers, let's talk about the programmer industry: how do we avoid being left behind?

It's the same old advice: continuous learning, maintaining creativity, leveraging AI, etc. My summary is simple: just outwork others 🤣. Take it one step at a time, deal with challenges as they come.

It's like running out of a danger zone: AI/machines are the danger zone. Staying in it too long will definitely get you eliminated, so we humans need to stay inside the danger zone or keep moving within it before being eliminated. Of course, the danger zone will also shrink as times progress.

![](https://oss.justin3go.com/blogs/Pasted%20image%2020240714151952.png)

## \>\> Must Read

### [Trump Shooting Incident](https://x.com/search?q=%23TrumpIsAnExistentialThreat&src=trend_click&vertical=trends)

![](https://oss.justin3go.com/blogs/Pasted%20image%2020240714153959.png)

![](https://oss.justin3go.com/blogs/Pasted%20image%2020240714154255.png)

[Full Video](https://x.com/CryptoDoggyCN/status/1812274599612322156)

### [Olympic Badminton Group Draws Announced](https://www.aiyuke.com/news/2024/07/n70be4f0d6ff.html)

Something to watch this summer! Looking forward to the Chinese badminton team's performance at the Olympics. Below is the men's singles draw.

(Badminton is getting quite expensive these days)

![](https://oss.justin3go.com/blogs/Pasted%20image%2020240714141957.png)

### [Shadcn's Charts Component](https://ui.shadcn.com/charts)

Tried out the demo of Shadcn's visualization component, and it feels great!

Not exhaustive, but it includes most commonly used chart components like line, bar, pie, radar charts, etc.

Built on [Recharts](https://recharts.org/en-US/), which is based on [D3](https://d3js.org).

![](https://oss.justin3go.com/blogs/Pasted%20image%2020240714160945.png)

## \>\> Useful Tools

### [Icon Library for Developers](https://vorillaz.github.io/devicons/#/cheat)

An icon library for commonly used developer tools.

It includes icons for programming languages, common tech stacks, and popular developer tools!

(Maybe consider turning these icons into stickers and selling them?)

![](https://oss.justin3go.com/blogs/Pasted%20image%2020240714140023.png)

### [Collection of Unique English Fonts](https://www.freefaces.gallery/typefaces/foerte)

This free font website is great, collecting many unique fonts (English).

The website is also well-designed, with varying licenses. Click to view, and many are free for commercial use.

![](https://oss.justin3go.com/blogs/Pasted%20image%2020240714161125.png)

### [Engineering Blog List](https://github.com/kilimchoi/engineering-blogs)

Continuous learning is one of the most powerful competitive advantages for any programmer. Reading tech blogs daily is an important way to learn new technologies, solutions, and stay updated with tech news.

Here's a highly curated list of engineering blogs on GitHub with 30K stars, including big companies, personal blogs, products, etc.

![](https://oss.justin3go.com/blogs/Pasted%20image%2020240714161724.png)
### [Dashpress - Auto-generate Database Management Dashboards](https://github.com/dashpresshq/dashpress)

Quickly and efficiently convert database structures into stylish, customizable, and high-performance management dashboards.

![](https://oss.justin3go.com/blogs/Pasted%20image%2020240714140524.png)

### [Comprehensive Linux Command List](https://github.com/jaywcjlove/linux-command)

This repository collects over 580 Linux commands, generating a web site for convenient use. Currently, the site has no ads and includes Linux command manuals, explanations, and tutorials, sourced from the internet and community contributions. It's a highly recommended quick reference for Linux commands.

![](https://oss.justin3go.com/blogs/Pasted%20image%2020240714161255.png)
### [Open Source Hand-drawn Illustration Library](https://cocomaterial.com/)

Hand-drawn style, looks great! Adding some illustrations to your site can make it less monotonous.

And the license is CC0 1.0:

> This means that all illustrations published on CocoMaterial can be used for free. You can use them for both commercial and non-commercial purposes.

![](https://oss.justin3go.com/blogs/Pasted%20image%2020240714135548.png)

### [UILibHub - Explore the Best UI Libraries](https://uilibhub.com/zh)

Focuses on collecting and sharing quality resources of React, Vue, and mini-program component libraries. UILibHub offers the latest and most comprehensive library recommendations to help developers efficiently build modern applications.

This navigation site itself is also [open source](https://github.com/aidevtoolkit/uilibhub/blob/main/README-zh.md), developed with Nuxt.

![](https://oss.justin3go.com/blogs/Pasted%20image%2020240714140725.png)

### [A Nice Calendar Picker](https://github.com/schedule-x/schedule-x)

A material design style calendar and date picker. Can be used without considering framework preferences as they are built around a lightweight virtual DOM implementation. The library also provides adapter components for React, Vue, and Angular.

![](https://oss.justin3go.com/blogs/Pasted%20image%2020240714155112.png)

### [A Very Nice Light Theme for VSCode](https://marketplace.visualstudio.com/items?itemName=fisheva.Eva-Theme)

I'm currently leaning towards light themes, and this theme's colors are great. The background is silver-gray, not as harsh as pure white, and other variables' colors look nice too, with keywords in bold.

I've been using it for over two years, almost without any unadapted areas. There was a minor issue with Jupyter, but it was quickly fixed after I reported it.

![](https://oss.justin3go.com/blogs/Pasted%20image%2020240714160708.png)
## \>\> Interesting Finds

### [Meaning of the Ethereum Logo](https://x.com/Morris_LT/status/1810215114731044875)

![](https://oss.justin3go.com/blogs/Pasted%20image%2020240714135348.png)

### [Foreigners Using Chinese VPNs for Keling](https://x.com/mranti/status/1811772658062885371)

![](https://oss.justin3go.com/blogs/Pasted%20image%2020240714154851.png)

### Bug on WeChat Homepage

![](https://oss.justin3go.com/blogs/Pasted%20image%2020240714161343.png)

Two logged-in status bars appeared, and both are clickable.
## \>\> Worth Reading  

### [Designing High Conversion Landing Pages](https://x.com/namyakhann/status/1811707543141425616)

![](https://oss.justin3go.com/blogs/Pasted%20image%2020240714142316.png)

### [Solutions for Server-Initiated Notifications](https://rxdb.info/articles/websockets-sse-polling-webrtc-webtransport.html)

For modern real-time web applications, the ability to send events from the server to the client is essential.

- **Long Polling**: Keeps the connection open until new data is available, reducing network traffic and server load but introduces communication delays.
- **WebSockets**: Provides full-duplex communication, suitable for low-latency and high-frequency updates, but more complex to implement.
- **SSE** (Server-Sent Events): One-way communication, suitable for real-time client updates without requiring client data.
- **WebTransport**: Based on HTTP/3 and QUIC protocols, provides efficient data transfer but is not widely supported yet.
- **WebRTC**: Supports peer-to-peer communication between browsers and mobile apps, suitable for streaming audio, video, and data exchange, mainly for client-to-client interactions.

> Summary from [@nextify2024](https://x.com/nextify2024/status/1811754155046060266)

### [Books to Improve Argument or Bragging Skills](https://x.com/mrbear1024/status/1811592447895720167)

The comment section of this post has many books worth reading.