Published inDev Genius·PinnedMember-onlySOLID principles in ReactjsSolid principles are a set of five principles aimed at making software design maintainable, scalable and easy to modify. These principles can be applied to any object-oriented programming language, including ReactJS. …React12 min readReact12 min read
Published inDev Genius·PinnedMember-onlyLearn Reactjs Custom Hooks By ExamplesReactJS custom hooks are functions that you can create and use in your React application. They are called “custom” hooks because you create them yourself, rather than using the built-in hooks provided by React (such as useState and useEffect). The purpose of a custom hook is to encapsulate some behavior…React8 min readReact8 min read
Jun 16Member-onlyMake pagination with ReactjsThis article consist of two parts, the first is how to make pagination with Reactjs components, and the second is how to make usePagination hook. Let’s begin with the first part, so to implement pagination for a list of blog articles in a React functional component, you can follow these…4 min read4 min read
Published inDev Genius·Mar 12Member-onlyUnlocking the Secrets of Linked List Algorithms: Top 10 Questions and SolutionsA linked list is a linear data structure that consists of a sequence of nodes, where each node contains a data element and a reference (or pointer) to the next node in the sequence. …JavaScript18 min readJavaScript18 min read
Published inDev Genius·Mar 2Member-onlyReactjs useMemo and useCallback by examplesReactJS is a popular JavaScript library used for building user interfaces. Two important hooks in ReactJS are useMemo and useCallback, which can be used to optimize the performance of your application. useCallback and useMemo are both React hooks that are used for performance optimization, but they serve different purposes. useMemo…Reactjs5 min readReactjs5 min read
Published inDev Genius·Oct 9, 2021Member-onlyLaravel Queued job, with API .Laravel jobs : the simple example to understand why make a job in Laravel is when a new user make (register) in webapp, and we want to send a welcom email to the new user , so in this case after the registeration , the new user need to wait…Laravel6 min readLaravel6 min read
Published inDev Genius·Aug 9, 2021Laravel , CRUD ( create, read, update and delete ) app, with Tailwind CSS and Blade.What we will work with : Laravel : is a web application framework with expressive, elegant syntax. primarily used for building custom web apps using PHP. It’s a web framework that handles many things that are annoying to build yourself, such as routing, templating HTML, and authentication. Blade template : Blade is the simple, yet powerful…Laravel5 min readLaravel5 min read
Published inDev Genius·Jul 29, 2021How to add ( embed ) code in Medium, using GitHub Gist.There are many ways to add or embed code in medium platform, like : Embed directly in medium, Embed using carbon.now.sh, CodePen, Repl.it, Glitch, CodeSandbox, JSFiddle . But still for me the most preferred one is embed using GitHub Gist, and here is the way : Log in to your…Github2 min readGithub2 min read
Jul 18, 2021Make todo list app with Laravel, vue js and bootstrap.You have to know a basic knowledge of Laravel , Vue.js and bootstrap. What we will work with : Laravel : is a web application framework with expressive, elegant syntax. primarily used for building custom web apps using PHP. …Laravel6 min readLaravel6 min read
Jun 9, 2021Member-onlyLaravel , CRUD ( create, read, update and delete ) app, with TailwindCss and Blade.What we will work with : Laravel : is a web application framework with expressive, elegant syntax. primarily used for building custom web apps using PHP. It’s a web framework that handles many things that are annoying to build yourself, such as routing, templating HTML, and authentication. Blade template : Blade is the simple, yet powerful…Laravel5 min readLaravel5 min read
