Instagram Clone with Vue.js 1/3

#vue #javascript #scss

TODOS

[x] The difference between Vue and React. Project setup with vue-cli
[x] CSS infrastructure and typography. preparing the icons in the project (svg)
Let's create [x] pages. Let's create a Master-Page
[x] Let's create layout for Header design and Homepage
[x] Vercel.com deploy configuration for hosting projects
[x] Post component in Homepage
[ ] Api and infinite-scroll for homepage
[ ] Stories area on homepage
[ ] API and implementation for Post Comment
[ ] Options modal component and animation usage
[ ] Api and layout design for Discover page
Implementing [] post modal component and discover page
[ ] Route setting for profile page and tabs.

https://github.com/cihat/instagram-clone
https://cihat.github.io/instagram-clone/

Top comments (0)

11 Tips That Make You a Better Typescript Programmer

1 Think in {Set}

Type is an everyday concept to programmers, but it’s surprisingly difficult to define it succinctly. I find it helpful to use Set as a conceptual model instead.

#2 Understand declared type and narrowed type

One extremely powerful typescript feature is automatic type narrowing based on control flow. This means a variable has two types associated with it at any specific point of code location: a declaration type and a narrowed type.

#3 Use discriminated union instead of optional fields

...

Boosting Performance with Web Workers in JavaScript

Abhay Singh Kathayat - Dec 18 '24

Mastering JavaScript Objects: The Backbone of Dynamic Programming

Abhay Singh Kathayat - Dec 18 '24

Unleashing Creativity with JavaScript Graphics: A Guide to Canvas, SVG, and WebGL

Abhay Singh Kathayat - Dec 18 '24

JavaScript Best Practices: Writing Efficient and Optimized Code

Abhay Singh Kathayat - Dec 18 '24

DEV Community

Instagram Clone with Vue.js 1/3

TODOS

Top comments (0)

11 Tips That Make You a Better Typescript Programmer

1 Think in {Set}

#2 Understand declared type and narrowed type

#3 Use discriminated union instead of optional fields

Read next

Boosting Performance with Web Workers in JavaScript

Mastering JavaScript Objects: The Backbone of Dynamic Programming

Unleashing Creativity with JavaScript Graphics: A Guide to Canvas, SVG, and WebGL

JavaScript Best Practices: Writing Efficient and Optimized Code

Okay