--- title: "Shubham (@shubham213) | Hashnode" description: "Shubham (@shubham213) writes on Hashnode. Read their latest articles and follow their work." url: "https://hashnode.com/@shubham213" --- @shubham213 # Shubham @shubham213 · Joined June 2024 ### [Online/Offline Status in React: Tracking Connectivity](https://online-offline-status-in-react.hashnode.dev/onlineoffline-status-in-react-tracking-connectivity?utm_source=hashnode&utm_medium=feed) In web applications, detecting online and offline status is important to provide a smooth user experience. For example, when a user is offline, you can inform them about their connectivity status and offer features like offline mode. A great example ... 3 min read · [online-offline-status-in-react.hashnode.dev](https://online-offline-status-in-react.hashnode.dev/onlineoffline-status-in-react-tracking-connectivity?utm_source=hashnode&utm_medium=feed) [Dec 5, 2024](https://hashnode.com/posts/onlineoffline-status-in-react-tracking-connectivity/6751d9aecc4893fad972f7f3) ### [Lazy Loading in React: Optimizing App Performance](https://lazyloadingreact.hashnode.dev/lazy-loading-in-react-optimizing-app-performance?utm_source=hashnode&utm_medium=feed) Lazy Loading in React: Optimizing App Performance 2 min read · [lazyloadingreact.hashnode.dev](https://lazyloadingreact.hashnode.dev/lazy-loading-in-react-optimizing-app-performance?utm_source=hashnode&utm_medium=feed) [Dec 5, 2024](https://hashnode.com/posts/lazy-loading-in-react-optimizing-app-performance/6751d6530d888b443ee50169) ### [Understanding Access Tokens and Refresh Tokens in Web Applications](https://shubham5.hashnode.dev/understanding-access-tokens-and-refresh-tokens-in-web-applications?utm_source=hashnode&utm_medium=feed) In modern web applications, security and efficient session management are paramount. Access tokens and refresh tokens play a crucial role in achieving secure authentication and maintaining user sessions. Let's delve into what these tokens are, their ... 4 min read · [shubham5.hashnode.dev](https://shubham5.hashnode.dev/understanding-access-tokens-and-refresh-tokens-in-web-applications?utm_source=hashnode&utm_medium=feed) [Jun 19, 2024](https://hashnode.com/posts/understanding-access-tokens-and-refresh-tokens-in-web-applications/66727da99c9ba136f74a724f) ### [Simple Authentication and Authorization in Node.js with JWT: A Teacher-Student Example](https://shubham5.hashnode.dev/simple-authentication-and-authorization-in-nodejs-with-jwt-a-teacher-student-example?utm_source=hashnode&utm_medium=feed) Project Structure Create a folder structure for our Node.js project: codeteacher-student-example-simple ├── modules │ └── user.js ├── routes │ ├── authRoutes.js │ └── studentRoutes.js ├── .env ├── app.js └── package.json Step-by-Step Implement... 3 min read · [shubham5.hashnode.dev](https://shubham5.hashnode.dev/simple-authentication-and-authorization-in-nodejs-with-jwt-a-teacher-student-example?utm_source=hashnode&utm_medium=feed) [Jun 19, 2024](https://hashnode.com/posts/simple-authentication-and-authorization-in-nodejs-with-jwt-a-teacher-student-example/667278f8aaeeced72d272338) ### [How to make Accordion component in React.](https://shubham5.hashnode.dev/how-to-make-accordion-component-in-react?utm_source=hashnode&utm_medium=feed) Namaste everyone!🙏 Hope you are doing well, today we are going to build an Accordion component in react from scratch and without using any external library. Accordion menus are very helpful, you can make a list of items in them. List of inputs like ... 6 min read · [shubham5.hashnode.dev](https://shubham5.hashnode.dev/how-to-make-accordion-component-in-react?utm_source=hashnode&utm_medium=feed) [Jun 18, 2024](https://hashnode.com/posts/how-to-make-accordion-component-in-react/6671247ef07b79255f7bfc10)