Yaser Abbass
Co-founder at Depost AI → LinkedIn Growth Tool | Helping Businesses & Professionals Maximize LinkedIn Reach with AI | Expert in ML/AI & LLMs
Follow me
November 7, 2024
5 Smart Ways to Use ChatGPT as a Frontend Developer
→ Boost productivity with ChatGPT!
1. Format JSON Instantly
Prompt: "Format this JSON: [paste JSON data]"
Example: `{"name":"John","age":30,"city":"New York"}`
2. Create Skeleton Loading States
Prompt: "Generate loading skeleton in Material UI for [component]"
Example:
```
jsx
import React from 'react';
import { Card, CardContent, Typography } from '@mui/material';
```
3. Generate Dummy Data
Prompt: "Generate array of 10 book titles"
4. Simplify Regular Expressions
Prompt: "Extract 5-digit zip code from [URL]"
Example:
```
const url = '[URL]';
const regex = /\/zip\/(\d{5})/;
```
5. Find Quick Solutions
Prompt: "How to copy current URL in Next.js?"
Example:
```
jsx
import React from 'react';
import { useRouter } from 'next/router';
```
How do you use AI tools in your dev work? Share your tips!
#FrontendDevelopment #ChatGPT #ProductivityHacks #AIAssisted #WebDevelopment
November 7, 2024
