Skip to content

Instantly share code, notes, and snippets.

View MainakRepositor's full-sized avatar
💻
𝗚𝗲𝗻𝗲𝘀𝗶𝘀 𝗼𝗳 𝗖𝘂𝗿𝗶𝗼𝘀𝗶𝘁𝘆 ❣

MAINAK CHAUDHURI MainakRepositor

💻
𝗚𝗲𝗻𝗲𝘀𝗶𝘀 𝗼𝗳 𝗖𝘂𝗿𝗶𝗼𝘀𝗶𝘁𝘆 ❣
View GitHub Profile
React Hooks are functions that let you use state and other React features without writing a class. Introduced in React 16.8, hooks simplify the process of managing component state and side effects.
Here's a brief overview of two commonly used hooks:
1. **useState**: This hook lets you add state to functional components. You call `useState` and pass the initial state value. It returns an array with two elements: the current state and a function to update it.
```javascript
const [count, setCount] = useState(0);
```
In this example, `count` is the state variable, and `setCount` is the function to update `count`.
@MainakRepositor
MainakRepositor / https_status.docx
Created November 8, 2021 07:29
HTTP Status Codes
100 | Continue | The client request has been accepted
101 | Switching | Protocols The client has requested for switching the protocols and it is acknowledged.
200 | OK | Server successfully processed request.
201 | Created | Server successfully processed a request and created a new resource.
202 | Accepted | Processing request accepted but not completed yet.
203 | Non-Authoritative Information | Processed request and returning information from other sources.
204 | No content | Server processed request but there is no content to return to the client.
205 | Reset Content | When no content is returned but the request is successful, then the code signifies need to change document view.
@MainakRepositor
MainakRepositor / scroll.css
Last active November 6, 2021 04:00
Custom Scrollbar in CSS
body::-webkit-scrollbar {
width: 12px; /* width of the entire scrollbar */
}
body::-webkit-scrollbar-track {
background: linear-gradient(rgb(10, 10, 10),rgb(7, 7, 3),rgb(5, 10, 4)); /* color of the tracking area */
}
body::-webkit-scrollbar-thumb {
background-color: rgb(225, 248, 143); /* color of the scroll thumb */
border-radius: 20px; /* roundness of the scroll thumb */
border: 3px solid rgb(71, 70, 66);
@MainakRepositor
MainakRepositor / matplotlib-plotting-guide.ipynb
Created October 11, 2021 04:15
Matplotlib Plotting Guide.ipynb
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@MainakRepositor
MainakRepositor / multivariate-regression.ipynb
Created August 21, 2021 14:44
Multivariate Regression.ipynb
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
video {
width: 100%;
height: auto;
}
h1 {
<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style-type: none;
margin: 0;
height:40px;
padding-left: 10px;
padding-top:10px;
<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
background-color:black;
align-items:center;
@MainakRepositor
MainakRepositor / Resource_html.txt
Created March 24, 2021 17:52
Some basic and extremely essential html tags
Tag Description
<!--...--> Defines a comment
<!DOCTYPE> Defines the document type
<a> Defines a hyperlink
<abbr> Defines an abbreviation or an acronym
<acronym> Not supported in HTML5. Use <abbr> instead.
Defines an acronym
<address> Defines contact information for the author/owner of a document
<applet> Not supported in HTML5. Use <embed> or <object> instead.
Defines an embedded applet