Shaban-Eissa's repositories
Javascript-Internals
Welcome to Javascript Internals! This repository explores the inner workings of JavaScript by providing detailed implementations of its core functions and features. You'll find recreations of built-in functions. Perfect for developers looking to deepen their understanding of JavaScript's internals. π
lightweight-virtual-dom
A minimalistic demonstration of virtual DOM concepts implemented in plain JavaScript. This project features a simple application that manages a dynamic list of emojis with manual state management. It showcases how to efficiently update the user interface using a virtual DOM diffing algorithm.
Leetcode-Problems-Solutions
π Explore a curated collection of my LeetCode solutions, meticulously crafted to showcase diverse problem-solving approaches and algorithms.
my-vscode-config
This repository contains my personalized `settings.json` file for Visual Studio Code. π οΈ These settings include customizations for themes, editor configurations, and useful extensions. π¨ Easily enhance your coding environment by using these configurations. π»
React-Amazon-Clone
The "React Amazon Clone" repository is e-commerce web application built using React and Firebase. It replicates key features of Amazon, including user authentication, product listing, and a shopping cart with payments. The project provides a practical demonstration of React and Firebase.
React-Native-Jobs-Finder-App
React Native app powered by Expo! This cross-platform mobile application is designed to showcase fetching data to make dynamic content with search functionality and navigating between pages using Stack.
Bytes-Dot-Archive
Welcome to Bytes Dot Archive! This repository is a curated collection of JavaScript coding quizzes. It aims to help developers test their knowledge, improve their skills, and have fun with JavaScript puzzles. Contributions are welcome, whether it's new quizzes, solutions. π
client-side-rendering
A case study of CSR.
Frontend-Masters-Design-Systems
A Design systems course, create a design system from scratch and learn the foundational design concepts that go into one. Design components using Figma, then take those designs and turn them into coded components using React. Finally, document them with Storybook.
GraphQL-React-FrontendMasters
Fullstack React application with GraphQL support. Including types, how to resolve the Queries with using of resolvers and real effect for mutations.
Jisr-React-Task
File Explorer Demo β used to show nested folders contain files inside like IDE based on selected folder. It's build with React & Typescript with menu for each file when right click contain (copy, rename, delete) actions.
React-Native-FrontendMasters
React Native app inspired from Frontend Masters! This application is designed to showcase integration of Async Storage with React Native and using the core native API's in the app.
eslint-plugin-promise
Enforce best practices for JavaScript promises
Fetch-API-TypeScript
Welcome to the feTS Client, a fully type-safe HTTP Client that leverages the OpenAPI specification. It automatically infers types from the document, providing you with a type-safe interface for seamless API interaction.
Next.js-Partial-Rendering
Partial Prerendering β an experimental feature that allows you to render a route with a static loading shell, while keeping some parts dynamic. In other words, you can isolate the dynamic parts of a route.
Next.js-Prisma-Server-Actions
Demo for using Next.js Server Actions, with Prisma, MongoDB, Tailwind CSS.
next14-message-box
An interactive, progressively enhanced message box using Next 14 with Server Actions, Tailwind CSS and Prisma. See "optimistic" branch for optimistic updates.
React-Native-Pinterest-App
React Native app powered by Expo! This cross-platform mobile application is designed to showcase the power of Expo Ecosystem such as file-system, media library and more of amazing work with reanimated library for animations in UI.
React-Native-Practical-Guide
Collection for the core concepts of React Native starting from the native components with state management Context & Redux and go through third party libraries, how to use authentication with network requests then enable push notifications for app.
React-Portals
Project demonstrates a React application using portals to share state between windows. The app features a counter that updates every second and can be viewed in a separate window using a portal.
React-Query-Issue-Tracker-UIDEV
React Query application Including the usage for useQuery and useMutation with advanced usecases for the Queries and how to implement the pagination for the fetched Queries. This Demo is built over the React Query course at ui.dev
react-server-components
Understand React Server Components and Server Actions by building a framework with them.
RSC-Frameworks
Demos for my talk about React Server Components
rsc-parser
A parser for the React Server components when sent over the network
Shaban-Eissa
π¨βπ» I'm Shaban Eissa, a passionate React, NextJS Developer π based in EGYPT. Welcome to my GitHub profile! π
SSR-Behind-Scenes
Simple SSR Demo β Used to display what is happening under the hood when using server side rendering. it's build with Node.js & React with data fetching on server. It's inspired from React 18 Design Patterns and Best Practices - Fourth Edition.
state-management-toolbox
State Management Toolkit for React is a solution for managing application state with advanced features like middlewares, state persistence, and JSON state import/export. This toolkit provides a customizable and flexible approach to handling state, allowing you to persist state across sessions.
Typescript-Internals
Welcome to Typescript Internals! This repository explores the core workings of TypeScript, including its powerful type system, compilation process, and advanced features. Ideal for developers aiming to deepen their TypeScript knowledge, it offers detailed recreations, practical examples. π
Vodafone-Angular-Task
Angular Demo β used for fetching dynamic data (like name, comments, post content, images for every item in list) based on selected user from a list of users. You can see loading spinner until data is available for UI. API'S are cached with RxJS, Local Storage for any future network requests.