DEV Community: Abdullahi Salaudeen

Create your first React App on a Windows PC

Abdullahi Salaudeen — Sat, 09 Sep 2023 22:02:29 +0000

Building your first React app on a Windows computer may seem complicated, but don't worry, you're on the right track. React is a JavaScript library developed by Facebook in 2013 for building and managing large-scale applications with ease.

When creating a React app on a PC, you need to have your terminal open. I recommend using the Windows PowerShell. To open the Windows PowerShell, right-click the Windows icon on your PC and click on the PowerShell terminal.

Now that the PowerShell is open, we are halfway through the process. What you need to do next is navigate to the folder where you want to create your React app by typing:

cd ‘folderToNavigateTo’

After navigating to the folder where our React app will be created and located. The next step is to create our React app in the chosen folder by typing the following command:

npx create-react-app@5 myreact

Replace ‘myreact’ with the name you want to give to your project or new application. After that, loading and installing all the required packages will take some time. Before proceeding, ensure you have the Visual Studio Code editor installed on your PC. Once the React app has been successfully installed and loaded, you can navigate to your project folder by typing "cd ‘myreact’" once again and open VS Code by typing:

code .

This command will automatically open the folder in VS Code. Now you can start practicing and building your React application with ease.

CONGRATULATIONS! 🎉 You’ve just created your first React app! 🥳🥳 If you have any questions or need further assistance as you work on your React project, feel free to reach out in the comment or read the detailed article on medium with image guilds. Good luck with your development journey! 🚀👏

Thanks for your time❤️. I’m on Twitter: theonlyabdull and Linkedin: Abdullah Salaudeen.

Working with JavaScript Local Storage

Abdullahi Salaudeen — Sat, 12 Aug 2023 21:58:45 +0000

Local storage is an important aspect of JavaScript and can be used in different scenarios. First, What is local storage: Local storage is part of the web storage API and it provides a way to store data in the browser.

Local storage allows you to store little sizes of data as key-value pairs, and it only allows storage of String data type, other data types such as numbers, objects, arrays, and booleans need to be serialized and deserialized.

There are various local storage methods used in storing, getting, deleting, and clearing data in local storage, some of which are mentioned below :

getItem
setItem
removeItem.

- setItem method: This is used to store key-value pairs in the local storage, taking in two parameters {the key and value}. The key serves as an identifier of the value, and the value can be in the form of any valid Javascript data type. e.g. [localStorage.setItem(‘mykey’, ‘myValue’)].

- getItem method: This is used to retrieve the value associated with any specific key from the local storage. It takes the key as a parameter and returns its corresponding value. e.g [localStorage.getItem(‘myKey’)].

- removeItem method: This is used to remove or delete key-value pair from the local storage based on the specified key. It takes the key as a parameter and removes the corresponding key-value pair from the local storage if it exists. e.g [localStorage.removeItem(‘myKey’)].

There are many use cases for local storage and it is quite useful and will come in handy. FOLLOW FOR MORE CONTENT.

On Twitter: theonlyabdull

The main Reason You Need A Portfolio Website.

Abdullahi Salaudeen — Mon, 07 Aug 2023 10:55:06 +0000

If you are reading this, you might not have a portfolio website, or you might be considering creating one. In either case, there are two crucial things to know when you find yourself in this situation.

What is a portfolio Website.
Why is a portfolio site so important.

1- Many people perceive a portfolio website to be a workbench. By ‘workbench,’ I mean a place where you store all the projects or work you have done throughout your entire career, including both the good and bad projects, as well as relevant and irrelevant ones. However, that is definitely not the purpose of a portfolio website.
A Portfolio Website is where you showcase the best and most relevant projects you have worked on throughout your career. It serves as a platform to display works and projects you have completed personally or as part of a group, allowing you to discuss them from the planning stage to the deployment stage.

2- There are several reasons why having a portfolio website is crucial, and I will focus on the most significant ones. For instance, consider a scenario where you are involved in construction and require an architect to create plans for a new house. Now, picture meeting an architect who boasts about being the best in the industry. If you ask to see the houses they have previously designed, you discover that this so-called ‘best’ architect has no work to showcase.
In such a situation, would you hire this architect? Certainly not! This principle applies equally to developers, particularly junior developers.

YOU NEED PROFF OF PAST WORKS TO GET HIRED !!!

If you are in a situation whereby you need inspirations to start building you portfolio, I got you covered. Here are a list of portfolio websites you can check out for inspiration below.

You should check it out and start building you portfolio immediately and drop a FOLLOW.

Follow me on : Twitter(https://twitter.com/TheOnlyAbdull), LinkedIn(https://www.linkedin.com/in/abdullahi-salaudeen-08392a252/).

How to become a better software Developer

Abdullahi Salaudeen — Sat, 05 Aug 2023 15:39:34 +0000

I was working on a project recently, and I felt the need to implement a pop-up modal on the project, I was doubting at first, but I did it anyways. After implementing the pop-up modal, I noticed something “It didn’t take me more than 20mins to implement the modal”.

As soon as I finished I was happy and surprised about the time I finished, then I thought about what made me so fast and effective, (Guess the answer I came up with). CONSISTENCY !!!.

The reason I was so effective was because I always pick up my laptop every single day to write code, whether I like it or not. I made it a priority, although I’m not where I want to be right now but I know I'm getting there day by day, minute by minute, and second by second.

You can also feel the same, you can also implement a feature or finish a task way less time than your normal time, if only you put in mind that : “Every action you take matters” and You show up every day no matter what.