Rukewe Joseph
@ruckydev.bsky.social
Full-stack Javascript Developer | Mentor | Building Solutions with AI
Stop Watching, Start Building 🚀
Tutorials are great for learning concepts, but they can quickly become a crutch. Real growth as a coder comes when you step away from “tutorial hell” and start building projects.
Why? Because building forces you to:
💡 Solve real problems.
Tutorials are great for learning concepts, but they can quickly become a crutch. Real growth as a coder comes when you step away from “tutorial hell” and start building projects.
Why? Because building forces you to:
💡 Solve real problems.
January 8, 2025 at 7:23 AM
Stop Watching, Start Building 🚀
Tutorials are great for learning concepts, but they can quickly become a crutch. Real growth as a coder comes when you step away from “tutorial hell” and start building projects.
Why? Because building forces you to:
💡 Solve real problems.
Tutorials are great for learning concepts, but they can quickly become a crutch. Real growth as a coder comes when you step away from “tutorial hell” and start building projects.
Why? Because building forces you to:
💡 Solve real problems.
🚀 Ever wondered how to write a single function that works for ANY data type?
That’s where TypeScript generics come in!
Think of them as templates for your code, making it reusable and type-safe.
Below is a simple example to fetch data from an API with a generic type:
That’s where TypeScript generics come in!
Think of them as templates for your code, making it reusable and type-safe.
Below is a simple example to fetch data from an API with a generic type:
December 20, 2024 at 11:16 AM
🚀 Ever wondered how to write a single function that works for ANY data type?
That’s where TypeScript generics come in!
Think of them as templates for your code, making it reusable and type-safe.
Below is a simple example to fetch data from an API with a generic type:
That’s where TypeScript generics come in!
Think of them as templates for your code, making it reusable and type-safe.
Below is a simple example to fetch data from an API with a generic type:
🗄️ Database Magic in Pure JavaScript: Meet Node.js SQLite! 🚀
Node.js now has a native SQLite module that lets you create and query databases directly in your JavaScript code.
Note: Currently experimental 🛠️
Node.js now has a native SQLite module that lets you create and query databases directly in your JavaScript code.
Note: Currently experimental 🛠️
December 13, 2024 at 8:16 PM
🗄️ Database Magic in Pure JavaScript: Meet Node.js SQLite! 🚀
Node.js now has a native SQLite module that lets you create and query databases directly in your JavaScript code.
Note: Currently experimental 🛠️
Node.js now has a native SQLite module that lets you create and query databases directly in your JavaScript code.
Note: Currently experimental 🛠️
Reinforcement Fine-Tuning—12 Days of OpenAI: Day 2
YouTube video by OpenAI
youtu.be
December 9, 2024 at 6:23 PM
⚛️ React Devs, listen up! 🔊
The React team said it best: "Client components are fine, btw. The goal isn't to move everything to React server components. You need both. Client and server."
Client Components ⚡️: Essential for dynamic UIs and user interactions.
The React team said it best: "Client components are fine, btw. The goal isn't to move everything to React server components. You need both. Client and server."
Client Components ⚡️: Essential for dynamic UIs and user interactions.
December 9, 2024 at 5:28 PM
⚛️ React Devs, listen up! 🔊
The React team said it best: "Client components are fine, btw. The goal isn't to move everything to React server components. You need both. Client and server."
Client Components ⚡️: Essential for dynamic UIs and user interactions.
The React team said it best: "Client components are fine, btw. The goal isn't to move everything to React server components. You need both. Client and server."
Client Components ⚡️: Essential for dynamic UIs and user interactions.
🚀 TypeScript Tip: Record<Keys, Type> is a handy utility type that helps you create an object type with specified keys and value types.
This comes in handy when you want to ensure that an object has a certain set of keys and their respective value types.
This comes in handy when you want to ensure that an object has a certain set of keys and their respective value types.
December 4, 2024 at 6:40 AM
🚀 TypeScript Tip: Record<Keys, Type> is a handy utility type that helps you create an object type with specified keys and value types.
This comes in handy when you want to ensure that an object has a certain set of keys and their respective value types.
This comes in handy when you want to ensure that an object has a certain set of keys and their respective value types.
🚨 Detecting page exits with React? 🤔
Use `useEffect` with `beforeunload` event! 💡
Here's how it works:
🚨 When the user navigates away from the page, the `beforeunload` event is triggered.
Use `useEffect` with `beforeunload` event! 💡
Here's how it works:
🚨 When the user navigates away from the page, the `beforeunload` event is triggered.
December 4, 2024 at 6:28 AM
🚨 Detecting page exits with React? 🤔
Use `useEffect` with `beforeunload` event! 💡
Here's how it works:
🚨 When the user navigates away from the page, the `beforeunload` event is triggered.
Use `useEffect` with `beforeunload` event! 💡
Here's how it works:
🚨 When the user navigates away from the page, the `beforeunload` event is triggered.
🚀 React Developers: Introducing useOptimistic - The Hook for Instant UI Updates!
What is useOptimistic hook?
It's a new React hook that lets you show an updated UI state immediately, even while an async action (like a network request) is still in progress.
What is useOptimistic hook?
It's a new React hook that lets you show an updated UI state immediately, even while an async action (like a network request) is still in progress.
December 4, 2024 at 6:27 AM
🚀 React Developers: Introducing useOptimistic - The Hook for Instant UI Updates!
What is useOptimistic hook?
It's a new React hook that lets you show an updated UI state immediately, even while an async action (like a network request) is still in progress.
What is useOptimistic hook?
It's a new React hook that lets you show an updated UI state immediately, even while an async action (like a network request) is still in progress.
🚀 React Component Libraries to Check Out in 2024
• ShadcnUI - ui.shadcn.com
• Mantine - mantine.dev
• Material UI - lnkd.in/dfyZ2…
• Ant Design - ant.design
• Vercel Geist - vercel.com/geist
• Tailwind UI - tailwindui.com
• Chakra UI - chakra-ui.com
• Next UI - nextui.org
• ShadcnUI - ui.shadcn.com
• Mantine - mantine.dev
• Material UI - lnkd.in/dfyZ2…
• Ant Design - ant.design
• Vercel Geist - vercel.com/geist
• Tailwind UI - tailwindui.com
• Chakra UI - chakra-ui.com
• Next UI - nextui.org
shadcn/ui
Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
ui.shadcn.com
November 24, 2024 at 5:59 PM
🚀 React Component Libraries to Check Out in 2024
• ShadcnUI - ui.shadcn.com
• Mantine - mantine.dev
• Material UI - lnkd.in/dfyZ2…
• Ant Design - ant.design
• Vercel Geist - vercel.com/geist
• Tailwind UI - tailwindui.com
• Chakra UI - chakra-ui.com
• Next UI - nextui.org
• ShadcnUI - ui.shadcn.com
• Mantine - mantine.dev
• Material UI - lnkd.in/dfyZ2…
• Ant Design - ant.design
• Vercel Geist - vercel.com/geist
• Tailwind UI - tailwindui.com
• Chakra UI - chakra-ui.com
• Next UI - nextui.org