Search for a command to run...
I'm Daniel Ade, and I work as a Senior frontend engineer. I'm really good at React JS, Typescript, Gatsby, Next.js, GraphQL, Redux, Firebase, and every modern styling framework you can think of (seriously!)
No comments yet. Be the first to comment.
Someone once said, "The secret to getting anything is to ask properly". You either ask, bargain, or convince. Either way, you are simply making a request with the right parameters. The Google search engine may not be a person, but we definitely need ...
Joining a new development team or company can be really exciting, but what happens when you discover that the codebase you're inheriting is built on ancient frameworks and practices? Don't fret! This article is your guide to navigating the challenges...
Lately, I've been diving deep into the new feature releases that came with Next.js 13 and 14. The latest version - Next 14, was released on the 26th of October 2023 and came with a couple of new features such as Turbopack and Server Actions along wit...
Hi there! In this article (and some others to come), We're gonna be going through how to set up some of your popular CMS platforms directly with Gatsby. It's going to be more like a series, so this first episode is going to be on Contentful. Let's Di...
Visual Studio Code (commonly known as VSCode) is unarguably one of the best IDEs for development. On top of that, It has so many extensions that can help speed up your work and give you a satisfying developer experience.
Here are the top 5 VSCode extensions that I use for my day-to-day frontend engineering:
ES7+ snippets are like magic for developers. They are short, reusable code snippets created to make repeated coding declarations and statements easier in React, Redux, and React-Native.
For Javascript or React newbies, these snippets minimize the need to always retype basic Javascript code. They improve speed and consistency, but knowing the code is also very essential. Embrace these conveniences, personalize them, and transform your programming experience.
GitHub Copilot transforms your coding experience by offering real-time AI ideas within your Integrated Development Environment (IDE). Whether you're starting to write code or explaining it in natural language, Copilot offers autocomplete-style ideas from an AI pair coder.
GitHub Copilot follows responsible standards, which ensure that your code samples are private and are not used as suggestions for other users.
GitHub Copilot makes use of OpenAI, which provides real-time coding assistance derived from billions of lines of open-source code.
Copilot supports any language, such as Java, PHP, Python, JavaScript, Ruby, Go, C#, or C++. It's also integrated into your editor and works quickly and effectively as you type.
Maintaining consistent and visually appealing code in the coding world may be difficult many times. Prettier, your trusty code formatter, can help here. Prettier is a powerful tool that simplifies formatting, ensuring that your code is not only functional but also visually appealing.
Prettier examines your code and formats it according to established standards. Prettier supports a wide range of languages, including JavaScript, TypeScript, HTML, CSS, and more. It parses and rewrites your code in a consistent and visually pleasing manner.
In the ever-changing world of software development, Prettier is a shining example of simplicity and beauty. Prettier is your code formatting go-to, adding harmony and elegance to your work.
Beginning web development frequently entails a loop of writing code, saving files, and then refreshing the browser to view changes. Enter Live Server, a game-changing solution that helps to speed this procedure. Live Server spins up a local development server that instantly updates your web page anytime you make changes, resulting in a dynamic and efficient development experience.
In the fast-paced world of web development, Live Server emerges as an invaluable tool, providing real-time updates to changes in your code changes instantly. Embrace Live Server's efficiency and simplicity to speed up your online development journey.
Docker is a groundbreaking technology in software development, altering how programs are produced, deployed, and run. Docker allows developers to construct and deploy programs in lightweight, portable containers, assuring consistency and efficiency across several settings.
Docker has quickly become an essential tool in modern software development, allowing developers to create, ship, and execute programs effectively. Add Docker to your VSCode toolkit and benefit from the agility and consistency it delivers to your development workflow.
Navigating file paths in a project can be time-consuming, but Path Intellisense makes the process easier. Path Intellisense is a VS Code addon that improves the coding experience by generating intelligent suggestions for file paths, making file referencing and inclusion easier.
Path Intellisense streamlines file path navigation, ensuring that files are referenced correctly and efficiently inside your applications.
In conclusion, We've seen how each tool helps to navigate and speed up the various areas of the development process. With these extensions at your disposal, you'll be a lot more productive and have a superb development experience. Leverage the power of these VSCode extensions, customize them to your taste and watch your productivity skyrocket. Happy hacking!
