---
# System prepended metadata

title: WeBlog
tags: [newsletter]

---

---
tags: newsletter
title: WeBlog
---

# Điểm tin
Tụi mình đang sắp xếp repo để xây dựng **[WeBlog](https://we-build-vn.slack.com/archives/C0GCPHQNM/p1624462870326700)** - một RSS feed reader tổng hợp các link blog của WeBuild member. [Bản demo](https://webuild-blog.vercel.app/) đang được dựng trên Vercel và repo blog đang được cập nhật tại [webuild-community/federated-blog](https://github.com/webuild-community/federated-blog). Anh em muốn tham gia có thể ping @huytd nhé. 

Join our team, we are the best product team in the world.

![](https://i.imgur.com/eCJhp0n.jpg)


## New rollout
1) Tailwin CSS vừa cho ra mắt version 2.2 **[Tailwind css 2.2](https://blog.tailwindcss.com/tailwindcss-2-2)** với CLI mới và hàng loạt cải thiện về tiện ích khác cho quá trình frontend development. Việc nâng cấp số lượng bảng màu chính từ 10 lên 22 cũng là một điểm cộng cho việc xây dựng giao diện mà Tailwind 2.2 mang lại. 
2) Brave hoàn thành việc mua lại Tailcat, [một independent search engine](https://brave.com/brave-search/) 3 tháng trước nhằm hỗ trợ việc xây dựng hệ thống search engine trên số liệu index riêng biệt mà không phụ thuộc vào thirdparty như Google hay DuckDuckGo. Private và non-tracking là điều Brave cam kết cho **[Brave search beta](https://news.ycombinator.com/item?id=27593360)**. Bằng việc tách biệt khỏi third-party, Braves-search bảo vệ thông tin người dùng thông qua một số highlights:
- Không lưu trữ record của user IP
- Dùng anonymous cookie để lưu app/browser preferences
- Khôgn sử dụng ads
- Bảo đảm độ đầy đủ của kết quả tìm kiếm

## #codetips & #tools
1) **[Compressing Images](https://jakearchibald.com/2021/serving-sharp-images-to-high-density-screens/)**. Giao diện sẽ được render với full density - mật độ sắc nét, bao gồm nội dung chữ, file đồ hoạ SVG, giao diện browser,.. etc. Tổng thể giao diện sẽ không hài hoà nếu hình ảnh bị mờ do render ở chất lượng thấp. Bài blog trên cung cấp góc nhìn quan trọng về screen density và cách nén ảnh nhưng không ảnh hưởng độ sắc nét màn hình. 

2) **[Tối ưu web navigation với predictive prefetching](https://web.dev/predictive-prefetching/)**.
Splitting code cho phép application tăng tốc độ performance nhưng đồng thời cũng giảm khả năng naviagtion. Predictive prefetching là một tips khá hữu ích để predict và prefetch những data phù hợp nhu cầu sắp tới của user khi sử dụng data analytics. 

# #til 

- [Tổng hợp link wiki cho ECS, Software Architecture, Data-oriented Design và các term liên quan](https://we-build-vn.slack.com/archives/C16AY670U/p1624341801308300) **@huypher**
- [Framework để làm CLI](https://we-build-vn.slack.com/archives/C0J7M3P8V/p1624346409134800) **@kcjpop**
- [Quản lý position của nhiều background riêng biệt trong HTML](https://we-build-vn.slack.com/archives/C32HMMUAW/p1624844545003700) **@Hoàng Anh**
- [Xử lý giá trị trả về với Try/Catch](https://we-build-vn.slack.com/archives/C0J7M3P8V/p1624522588199600)
- [Tạo array chứa n phần tử trong Javascript](https://we-build-vn.slack.com/archives/C16AY670U/p1624679417318000) **@sói**
- [Cách filter top news trên HackerNews](https://we-build-vn.slack.com/archives/C16AY670U/p1624260181304200) **@hieu.huynh**

---
