Frontend
React, Next.js, TypeScript, Tailwind, UI/UX & realtime.
7 notes
JavaScript
JavaScript (PDF) These notes are kept as a PDF. Use the embedded viewer below, or download the PDF.
TypeScript
Javascript is a loosely typed language to make it strongly so that the errors in the code can be solved in compile only for that the devs made TYPESCRIPT it just js but with types Step to create a ts project: npm install -g typescript ( to globally install
React
React (PDF) These notes are kept as a PDF. Use the embedded viewer below, or download the PDF.
Next.js
Remix / Next js Next js contains both frontend and backend for a project as like the react only has frontend NextJS was a framework that was introduced because of some minor inconviniences in React 1. In a React project, you have to maintain a separate Backend
Tailwind CSS
Things to know in a frontend framework Flex, Grids, Responsiveness, background color, hover Without flex With flex Refer slides for more Writing the same thing in short method us ts Grids: Responsiveness In this the one with no prefix is the default one and
UI / UX
Typeface – Poppins in a type face and fonts inside that are the part of the poppins family Line Height - 150 for heading, 120 for body text Letter Spacing – 0 - -3 % typescale.com - for checking how the website looks with certain fonts fontshare.com – cool fon
WebSockets
SocketIO is used by Canva and razerpay Websocket protocol is like http only WebSockets provide a way to establish a persistent, full-duplex communication channel over a single TCP connection between the client (typically a web browser) and the server. Persiste