My expertise & skills

JavaScript

React

NextJs

React-Native

• HTML and CSS

  implement html and css to creating initial layout, considering responsive web design scenarios

• SASS preprocessor

  For ease in styling and reading higher code and using the features provided by sass, for example (mixin, variables, function and more ...)

• BootStrap

  Utilizing each one of these frameworks to improve the efficiency of user interface styles.

• JavaScript

  Of course, to create a dynamic application, we need JavaScript to be able to create a complete application that can be used.

• jQuery

  It is one of the oldest and most widely used JavaScript libraries.

• Git

  Utilizing the git flow procedure including (branching, pull, push, standard commit) to better manage the project and code review.

• React library

  Creating super-fast single page application using react.js library, with reusable, maintainable and manageable Functional components.

• React-Native

  Creating cross-platform mobile application using react-native (even for web) library, with reusable, maintainable and manageable Functional components.

• React-Query

  cache fetched data, this tool will save data and do request in the background, and show the latest data unXl fetching new data.

• React hooks and component lifecycle

  • Utilizing React Hooks with Functional component to get rid of redundancy and increasing the efficiency and clean code standards.
  • Mostly used ones are useState, useEffect, and useContext.

• Redux

  Sometimes in large applications that have a lot of global data, we can use Redux and its related tools to better manage them.

• Redux-toolkit

  Redux toolkit is one of the Redux related tools that we use to make Redux easier to use.

• TailwindCss

  • Utilizing each one of these framework to improve the efficiency of user interface styles.

• NextJs FrameWork

  I use next.js in the case of projects when the SEO purposes, server-side render gets more important.

• Formik library

  As all the applications required authentication and authorization, getting data from user, validate, handle and send data to the server; the formic library is the most powerfull library to handle all these requirements.

• TypeScript

  TypeScript language is a superset for JavaScript. some times in the large applications we need manage variable types for better and cleaner coding and for the easily debugging

• npm

  Taking advantage of node package manager in react.js / next.js projects to implement famous react libraries. Some of them includes react-select, react

• Call the server and working with API

  Call the server with all the type of APIs to send request, analyze response and handle all errors in the efficient way to display on the client-side.

• Styled-components

  styled-components allow us to write css in js and pass prop to elements and deal with them as components

• WEB3

  Web 3.0 (Web3) is the third generation of the evolution of web technologies. The web, also known as the World Wide Web, is the foundational layer for how the internet is used, providing website and application services.

• NestJs

  Nest. JS is a framework for building efficient and scalable server-side applications using JavaScript or TypeScript.