Hashnode·4yThe Complete Modern React Developer 2022
This course will give you the skills and knowledge to become a Software Developer across the full stack. We will be building a super basic Twitter clone that has CRUD functionality for posting, reading and deleting tweets. In this section you will learn how to setup a Node backend using both Express.js and Nestjs. And as a bonus you will also learn some DevOps when we put a MongoDB and Postgres database inside of a Docker container.
Hashnode·4yLearn Go: The complete course
Go (also known as Golang ) is a programming language developed at Google in 2007 and open-sourced in 2009. It was designed to combine the efficacy, speed, and safety of a statically typed and compiled language with the ease of programming of a dynamic language. Go has just 25 keywords which makes it easy to read, write and maintain.
Hashnode·4yDon't lose your Github contributions when you leave an organization
A Github profile for software engineers is like their resume or at least I treat it like one, hence it's important to keep it up-to-date, authentic and relevant. Having a consistent contributions graph on your Github profile helps you get noticed by possible future recruiters and in general, it shows your consistency.
Hashnode·4ySessions vs JWTs - A Complete Guide to Authentication
Authentication or auth for short is the process where a server recognizes the identity of a user. Authorization is then done, to allocate a role to the authenticated user and allocate the required services to that particular user. There are 2 ways you can implement auth:Server-side sessions and JWTs.
Hashnode·4yWhy You Should Ditch Create-React-App for Vite
Vite is a build tool similar to Webpack. It can be used for React, Preact, Svelte, Vue, Vanilla JS, and LitElements. Vite uses route-based code-splitting to figure out what parts of the code actually need to be loaded, and doesn't have to pre-bundle everything.
Hashnode·4yTraits of a senior software engineer
Senior engineers are already expected to be technically deep and to deliver on time. Being a “technically deep” engineer is merely a tiny drop in the ocean for a promotion. Being reliable is particularly significant when collaborating with your manager. You should ensure that your work is visible to everyone on your team.
Hashnode·4yPure vs Impure Functions
Pure and Impure functions are the two terms that you always hear in a programming language. Pure Function is always dependent on arguments and there should not be any side effects. Side Effects are when you try to use external code in the function or if you are mutating a variable then it creates a Side Effect.
Hashnode·4y12 Awesome Shape Generators for Your Web Projects 😍🚀
In this article, I have compiled some of my favorite shape generators. I have further sorted them across the categories like blogs, waves, separators, and miscellaneous. I will provide a direct link, a short description, and a preview image, so you can get the initial impression of each generator and its features.
Hashnode·4yHow to Improve Coding skills by doing 100 Days Of Code? Here are the 16 benefits that I got from it.
On 26 May 2022, I completed the 100 Days of code series on Twitter. I was consistent for the first 48 days but after that, due to my family problem I broke that consistency. By doing code daily and sharing projects on Twitter I grew my Audience from 0 to 3200+.That's all about this article.
Hashnode·4y7 Free Terminal Tools and Emulators to Boost Development Productivity
The terminal has been around for decades and is an essential part of a developer's toolbox. I've noticed that there have been a ton of new tools and emulators popping up into the terminal ecosystem. It has been exciting to see that the terminal is still getting some love even after all these years. This list will contain the top terminal tools andEmulators ranging from battle-tested veterans to the new kids on the block.
Hashnode·4yReact.js Deep Dive as a beginner
React is an Open Source project created by Facebook. It is one of the most popular JavaScript library with over 187k stars on GitHub. It's used to build user interfaces on the font end. Let's see why you should use react over vanilla JavaScript or any other library/frameworks.
Hashnode·4yreact optimization
React is a JavaScript library for building user interfaces. It ships with several ways to minimize the number of costly DOM operations required to update the UI. Using React will lead to a fast user interface for many applications without doing much work to specifically optimize for performance. Re-rendering a component only happens when necessary. Lazy for Lazy Loading Components.
Hashnode·4y5 Rules to master ‘this’ in Javascript
The value of this will be determined by the block from where it gets called, but in an order of precedence that we'll discuss here. Invoking Function with a new keyword, the this inside function will refer to a new empty object. Free Function Invocation means calling the function without any of the conditions discussed above (without using new operator, or as a method belonging to an object)
Hashnode·4y5 Amazing React Component Libraries to Consider for your Next Project
As web developers, it is often hard and time-consuming to make accessible UIs. This gets even worse when we have to make special components like Modals or Popovers from scratch. Today, we are going to focus on React component libraries that are accessible, have a decent base style, have good docs, and come with components like Popovers, Tooltips, etc.
Hashnode·4yDesigning Scalable Frontend Systems
In this article, we will discuss the rest of the items in our frontend system design framework. We will talk about API design, managing the data store, accessibility, performance optimization techniques, and more. Let's get it started. The first point we need to discuss is the API and network design and how we will manage the communication with the BE.
Hashnode·4yAs a software engineer, it’s important to build good habits
As a software engineer or developer, it’s important to build good habits. Good habits speed you and your team up and help you write maintainable code. Don’t treat your IDEA as a simple text editor; use it as the powerful tool it is.
Hashnode·4yCan You Resolve Merge Conflicts Before They Happen?
Merging conflicts are an event that occurs when Git is unable to automatically resolve differences in code between two commits. They can happen as a result of merging branches, during a rebase or when you’re cherry-picking in Git. We can either solve them manually or use a Git GUI such as the ones built into VS Code or Jetbrains IDEs.
Hashnode·4yIntroducing ReactPlay - Learn, Create, Share ReactJS projects
ReactPlay is an Opensource platform to learn, create and share ReactJS projects with the developer community. It allows you to learn from the code, explanation, articles, and videos related to a project and inspire you to create one. When you create a play with a few simple guided steps, it goes through some serious code reviews by experienced ReactJS developers.
Hashnode·4yGit And GitHub For Beginners
Git and GitHub are very important tools for a developer and it doesn't matter at what stage of your career you are, you can learn them. In the first part we are going to learn what is Git and GitHub and how can we use them? And then in the second article i.e., Getting Started With Open Source (coming soon!), we will discuss what is open source and how you can contribute.
Hashnode·4yMachine Learning: Creating an animated avatar that reacts to your voice
This week I created an animated avatar based on my photo that was turned into an digital avatar with an amazing Python tool. How can we use a Python Machine Learning Tool to create an animated PNG-Tuber avatar. V-Tubing originated in Japan in 2010 but grew popularity in the western world in 2020.
Hashnode·4yWeb Performance
Rendering is the process of turning a web page's assets ( HTML, CSS, JS, and other static assets) into interactive content on the browser. A typical request travels through the internet before it reaches a server that sends back a response to the client. The response manifests different entities such as Styles , Markup , Scripts , and other files. They represent the different life forms on Renderland.