- ShadCN
- Tailwind CSS
- Gemini
- v0 (referred to as "Viro")
- TanStack Query
- TanStack Router
- React Router
- Framer Motion
- Playwright
- Temporal
Tip: TypeScript Utility Types Suppose you have a javascript object but the object is dynamic, except few properties, you don't know what other properties are exactly
For example
let person = { id: 1, someAttribute: 'somevalue' } // In this object, only id is certain attribute.
<html>
<body>
<div id="app"></div>
<script src="https://unpkg.com/react@18/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<script type="text/jsx">
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| img { | |
| display: block; | |
| max-width: 100% | |
| } | |
| header { | |
| min-height: 300px; // allowed to grow // 80vh | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| from openai import OpenAI | |
| client = OpenAI( | |
| base_url = 'http://localhost:11434/v1', | |
| api_key='ollama', # required, but unused | |
| ) | |
| response = client.chat.completions.create( | |
| model="llama2", | |
| messages=[ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const express = require('express'); | |
| const path = require('path'); | |
| const app = express(); | |
| // Serve static files from the root directory | |
| app.use(express.static(__dirname)); | |
| // Serve the index.html file | |
| app.get('/', (req, res) => { | |
| res.sendFile(path.join(__dirname, 'index.html')); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| |── Getting Started | |
| | ├── Installation | |
| | ├── Project Structure | |
| | └── Basic Routing | |
| | | |
| |── Routing | |
| | ├── Client-Side Routing | |
| | ├── Server-Side Routing | |
| | ├── Dynamic Routing | |
| | ├── Internationalized Routing |
NewerOlder