필터
팔로우
-
I tried 8 different Postgres ORMs
Let's compare 8 ways to work with SQL databases in a JavaScript project like Node.js or Next.js. Analyze the pros and cons of libraries and ORMs that can run Postgres queries in a fullstack framework.
#sql #javascript #webdevelopment
Learn more in full Next 13 Course https://fireship.io/courses/nextjs/
- pg https://github.com/brianc/node-postgres
- postgres.js https://github.com/porsager/postgres
- knex https://github.com/knex/knex
- kysely https://github.com/kysely-org/kysely
- sequelize https://github.com/sequelize/sequelize
- typeorm https://github.com/typeorm/typeorm
- prisma https://github.com/prisma/prisma
- drizzle https://github.com/drizzle-team/drizzle-orm
The evolution of React APIs and code reuse
Trace the evolution of React APIs and the mental models behind them. From mixins to hooks, to RSCs, understand the tradeoffs along the way.
How React ACTUALLY works (DEEP DIVE 2023)
Are you already working with the JavaScript framework React? Or do you want to learn it? No matter how much experience you have, this video will teach you how React work in detail! Some of the topics include, what is React, how can it be used in existing projects, how does reactivity work, how does React keep the UI in sync with the data and more.
If you found this video helpful,
please give it a like 👍 and subscribe 📨 for more.
🐦 Follow me on Twitter
https://twitter.com/0xAndriy
⏰ Timestamps
0:00 Intro - What is React and what is it not?
0:50 How to add React to (most basic way)
2:24 React in combination with other tools
3:21 What is JSX?
5:17 Downside of JSX
6:00 How React updates the DOM
6:10 Updating the DOM - 1. Trigger
8:33 Updating the DOM - 2. Render
9:11 Updating the DOM - 3. Commit
9:35 Why do we need the Virtual DOM?
10:31 React diffing algorithm
12:18 State persistence
📎 Helpful links
React Docs: https://react.dev/
🎵 Where I get my music from
Epidemic Sound: https://www.epidemicsound.com/referra...
🤝 Services I use
NordVPN - https://go.nordvpn.net/SH4vc
🎥 My gear
Monitor - Dell S3423DWC 34
https://amzn.to/3XcAXuR
Headphones - AKG K240 Studio
https://amzn.to/3J7vAZJ
Earbuds - Jabra Elite 4 Active
https://amzn.to/3Hm4k8M
Mic - HyperX SoloCast
https://amzn.to/3QLS6tg
Keyboard - Apple Magic Keyboard
https://amzn.to/3GDz9UO
Trackpad - Apple Magic Trackpad
https://amzn.to/3CQAq9P
Camera - Sony a6400
https://amzn.to/3w4d7Wf
Lens 1 - Sony 16-50mm f/3.5-5.6
https://amzn.to/3iDSk99
Lens 2 - Sony - FE 50mm F1.8 Standard Lens
https://amzn.to/3GHFheU
Lens 3 - Samyang SY12M-E-BK 12mm F2.0
https://amzn.to/3WclDgM
📬 Inquiries (Collabs, Sponsorships etc.)
frontstartdev@gmail.com
C 언어 기초 (C Language)
C는 절차적 프로그래밍 언어입니다. Dennis Ritchie가 운영체제를 작성하기 위한 시스템 프로그래밍 언어로 개발했습니다. C 언어 주요 기능은 메모리에 대한 저수준 액세스를 담당하고 있으며, C언어를 운영체제 또는 컴파일러 개발과 같은 시스템 프로그래밍에 적합합니다. 이후의 많은 언어는 C 언어에서 직접적으로 혹은 간접적으로 구문/기능을 차용했습니다
코틀린 setter, 어디까지 써봤니?
1) 서론 혹시 이도저도 못 하는 경험을 해보신 적 있으신가요? 저는 식당에서 메뉴를 고르는 것을 어려워하는데요. 특히 중국집에서 절정에 다다릅니다. 짜장면을 시키면, 매콤한 짬뽕국물이 먹고 싶어 집니다. 하지만 짬뽕을 시켰을 때 너무 매우면 어쩌지 하며, 짜장면이 먹고 싶기도 합니다. 그러면서 볶음밥을 먹는 게 더 좋지 않을까 고민합니다. 중요한 것은 무
공통 기능은 도메인을 몰랐으면 좋겠다
1) 서론 아마도 모든 애플리케이션에는 common, core 등으로 불리는 공통 기능들이 있을 것 같은데요. 이번에는 이러한 공통 기능을 제공하며, 여러 도메인 사용자의 요청이 섞이면서 어려움을 겪었던 것을 공유드립니다. 2) 공통 기능을 제공해봐요 (모든 내용은 임의로 만든 것입니다) 모놀리식 A, B 도메인 서버 --> User 도메인 서버 요청 Us
식탁위의 메뉴판, Local cache invalidate
1) 배경 설명 햄버거 가게에 들어갑니다. 그리고 각 식탁에 놓인 메뉴판을 보려고 하는데요. 메뉴판은 각 테이블에서 쉽게 볼 수 있어야 합니다 한 번 생성된 메뉴판은 거의 변경되지 않습니다 특정 테이블만 변경전 메뉴판 사용하더라도 심각한 문제는 아닙니다. 점원이 안내 후 새 메뉴판을 전달합니다. 2) 메뉴판을 조회합니다 DB에 저장된 메뉴 조회 (= 점원
Setter, 맥락 이해가 되지 않아요!
1) 서론혹시 새로운 업무를 맡았을 때 이전의 업무 맥락을 파악하기 어려웠던 적이 있으신가요? 아마도 이유는 다양할 것 같습니다. 새로 맡은 업무가 너무 생소할 수도 있고요. 혹은 너무 많은 업무들이 한 번에 들이닥쳐서 무언가 정리할 시간이 없었을 수도 있습니다. 하지만 제가 경험했을 때 가장 힘들었던것은 어떤 문제 해결에 있어서 과정없이, 결론만 남아있을
모든 햄버거는 다르다, Strategy Pattern
1) 서론혹시 무언가를 얻기 위해 협상을 했던 적이 있나요? 어릴 적 어린이날 선물을 받고 싶어 부모님께 청소를 열심히 하겠다고 했던 적이 있는데요. 당시 부모님께서 자신이 먹은 그릇을 치우고, 어지럽힌 것을 치우는 것은 당연하다고 말씀하셨던 게 기억이 납니다. 청소라는 전략을 사용해서는 어린이날 선물을 받을 수 없다는 것을 깨닫고, 어린이날까지 높임말을
Spring Cloud Sleuth + logback 적용기
1) 서론 기존의 단일 모듈로 구성되어 있던 것을 MSA로 분리하면서 로그 추적이 매우 힘들어진 것을 경험했습니다. 이전에는 하나의 클라이언트 요청에 대해서 하나의 서버에서만 처리를 담당했습니다. 다연히 트랜잭션을 잘 확인한다면 전체 로그 추적이 어렵지 않았는데요. MSA로 분리하게 되면서 하나의 클라이언트 요청에 대해 서버 - 서버 통신이 아주 많이 발생
k8s 클러스터에 설치된 Prometheus를 Thanos와 연동하기
급하신 분들은 설치로 바로 가시면 됩니다. Prometheus의 저장소 및 HA 문제 Prometheus도 remote storage에 저장하는 기능을 제공하긴 하지만
