Hashnode·4yJokes only programmers will understand
To understand these jokes, you have to be a programmer, and if you're not don't worry. Laugh and also share them with your friends that are programmers. It isn't an easy thing to become a programmer. You need some minutes to at least laugh and forget the stress you've been through.
Hashnode·4yJavaScript object destructuring tips
Destructuring is an extremely useful way of extracting properties from objects. Destructuring also works on arrays, but let's focus on objects for this one. We can omit the double use binding of the name properties and destructure the properties like this. With destructuring, we can also target nested properties.
Hashnode·4yPlease Start Writing Better Git Commits
The Problem With Your Current Commits: They're not informative enough. Smaller, atomic commits are much easier to understand and can be rolled back without affecting other working code. If you want to take it a step further, you could follow the Conventional Commits specification. Be sure to follow me for more like this!
Hashnode·4yThe Pros and Cons of TailwindCSS
Tailwind is a front-end CSS framework that has taken off more than any other recently. Instead of creating a set of selectors and bespoke classes to style your code, you use a large set of single-purpose utility classes. In essence, you add nearly all your style right into your frontend HTML, React, or Vue code.
Hashnode·4yHow to Internationalize your React App
App internationalization is the process of making your app's content available in multiple languages. Most businesses avoid internationalization because it is too difficult and time-consuming to implement. The process of designing a product — in this case, a React app — to be used in different locales is known as internationalization.
Hashnode·4yLet's Bun!
Bun.js is a Node-API tool that implements most of Node- API (N-API) Bun.js natively supports a growing list of Node core modules along with globals like Buffer and process. Every file is transpiled . TypeScript & JSX just work. & just work bun.js automatically loads environment variables from .env files Web APIs like fetch , WebSocket , and ReadableStream are builtin.
Hashnode·4yJSON Web Token - Guide
JSON Web Token (JWT) is a secure way to transmit information between parties as a JSON object. This information is trustworthy because it is digitally signed. Once the user is logged in, each subsequent request will include the JWT, allowing the user to access routes, services, and resources with that token.
Hashnode·4yImprove Your Web Development Skills By Building These 5 Projects
The best way to practice and improve your web development skills is to start building web projects. I have listed a few types of projects for you to build so that you can get better at web development. Build an application that displays data from an external API. Try to build a real-world application and don't make it as a mockup/dummy website.
Hashnode·4yUsing the native web share JavaScript API
The native share function can be invoked with JavaScript. It's mainly built for mobile devices, but some desktop variants like Safari also support it. The code to determine it looks like this: console.log( 'native share available' ); inside this function, we can invoke the native share or use our fallback share mechanism. You can even attach callbacks to our native share API.
Hashnode·4yStackFlex — The last day you'll copy-paste code
StackFlex adds a little button to save code snippets you view in the browser. The app is designed to be minimal and dark because most programmers prefer dark mode and minimal, easy-to-use designs. Library users can search, view, edit and delete updated items from the library.
Hashnode·4yWrite Git Commit Messages That Your Colleagues Will Love
Git commit messages are how we communicate to our future selves. They help you understand why a certain line of code was added to the code base. By writing good Git commit messages you are future-proofing yourself and your colleagues. A commit message consists of two parts: the subject line and the body.
Hashnode·4yReact cleaner use of setTimeout
React can create some nasty edge-cases when manipulating data after x time. The component might be unmounted by then, but the timeout is still trying to activate. The general rule of advice is to keep track of the timeouts you create in your code and clean them. To clean your timeouts, we can leverage the useEffect cleanup function.
Hashnode·4yThis website is open source
When I rewrote my website in Astro, I decided to make it an open source project. This means people can use the source code, but only while maintaining the same license. This ensures it will stay a free project forever. There are many great readers out there who often see little mistakes, and I would love for them to have a way to contribute.
Hashnode·4yClean Architecture in Frontend – State in Angular
Clean Architecture is a way to isolate an application from frameworks, UI, and databases. It leverages SOLID principles and shows how to put them together on a larger scale. The application layers have a hierarchy. Entities are on the top, and UI is on the bottom. A layer must not have a dependency on any other underlying layer.
Hashnode·4yRender a 3D Model in the Browser with Three.js and Next.Js
Three.js is a JavaScript library used to create and display 3D graphics in your web browser using WebGL and JavaScript as a part of the website. In this blog, we will learn how to render a 3D model in the browser with 360o view using Three. JS and Next.js.
Hashnode·4y5 WebStorm Plugins To Boost Your Productivity
WebStorm comes with a set of built-in features that make every programmer’s life much easier. Even such a great tool can become even more amazing with a little optimization. I thought I would share with you my pick of the tools that really improved my productivity in WebStorm.
Hashnode·4yAre you Struggling with CSS?
To become average and fairly good at CSS is not difficult. Focus on layouts, tweak them, play, and experiment with them. The border property is your saviour. Leverage the power of the dev tools. Don't underestimate thePower of simplicity. Real work can be worthwhile and we need to gain experience.
Hashnode·4yhow to write custom react hooks
Custom hooks are nothing more than a normal javascript function whose name starts with "use" The main reason for creating custom hooks is to follow the "DRY" (Don't repeat yourself) principle. To implement such a feature, we can simply create this custom hook, and call it whenever and wherever we want. For this tutorial, we will be creating a simple react app which will render a random dad joke.
Hashnode·4yHow to communicate as a software engineer
The security team decided that increasing the session length was an acceptable risk for the payoff of a better user experience and less frequent session timeouts. Currently users cannot log it and we are working on rolling back the update. We'll keep the team updated with our progress.
Hashnode·4yBasic Git Commands You Should Know
There are roughly about 160 Git commands in total, learning all these is a nightmare for almost all developers out there. Using a terminal/command line to work with Git might be a bit intimidating to most beginner developers since they either do not know or keep forgetting what "commands" to type in to perform the desired actions.
Hashnode·4yI built 3 Hackathon projects in 3 months, and won 1500$ in Prizes
In the first half of 2022 from mid-February to mid-May, I tried out a new venture - hackathons. My entries got nominated as runner-ups, so I decided to create an article to inspire you. Below I will list each of the projects I built, include the feature list, and describe the tech stack I used. I will also provide links to my full hackathon articles, links to the live deployed projects, and links to open-source code.
Hashnode·4yPresenting Show Off ✨ - Showcase your setup!
Show Off is a great place to showcase all the gadgets and software you use and share them with your friends and fans. Add affiliate links to the items and make it easy to earn when the user clicks through your collection. Share & Embed with the unique link that you get for your collection, you can use it to share.
Hashnode·4yLearn Scroll Motion Effects in Framer with React
Framer lets you apply code to a layer that will override the layer’s props when it is displayed in the Preview window. In React, an override is what is known as a higher-order component. Parallax is an effect applied to content as it scrolls that creates the illusion of depth by moving background layers more slowly than layers in the foreground.
Hashnode·4yPasteMe - Paste Codes From Your Terminal
PasteMe is a modern open-source RESTful pastebin service that allows users to paste their source codes, snippets, and code blocks right from their command-line interfaces and terminals. You can paste your source codes in different popular themes as well as different languages. The service is available for Windows and Linux distributions.