freeCodeCamp·4yThe React Cheatsheet for 2022
React elements are written just like regular HTML elements. You can write any valid HTML element in React. We write React elements using a feature called JSX . Because JSX is really just JavaScript functions (and not HTML), the syntax is a bit different. We can organized groups of elements into React components.
Hacker News·4yYes, I can connect to a DB in CSS
A new set of APIs give your browser the power to control CSS via its own Object Model in Javascript. This means that you can make custom CSS styles, add custom properties, and so on. The CSS Paint Worklet5 allows you to 'paint' on an element, and have the browser treat it as an image in CSS.
Hashnode·4yNever stop learning
There is always something to learn, something that changed, or something you could improve on. Good developers have a knack for learning, absorbing, and mastering things. There are no shortcuts to learning, so take small steps. documenting your journey can help you see how much you've grown.
Hacker News·4yGoogle Search Is Dying
Reddit is currently the most popular search engine. The only people who don't know that are the team at Reddit, who can’t be bothered to build a decent search interface. The long answer is that most of the web has become too inauthentic to trust. Google is no longer producing high quality search results in a significant number of important categories.
Robin Wieruch·4yMac Setup for Web Development [2022]
This year (2022) I bought the new MacBook Pro after having used the MacBook Pro 2015 for the last years. This first month has been super exciting and I am up running working efficiently on my personal and professional web development projects. Here I want to share with you my Mac setup for web development that I have used.
Flutter·4yAnnouncing Flutter for Windows
Announcing Flutter for Windows Build high-quality Windows apps that also run on mobile and web. In 2021, Flutter became the most popular cross-platform UI toolkit. Nearly half a million apps use Flutter… So far, we’ve seen momentum that has exceeded our expectations.
Bits and Pieces·4ySOLID Principles in TypeScript
SOLID design principles were invented by Robert C. Martin (also known as Uncle Bob) Following this principle leads to better maintenance of the code and minimizes potential side effects. In this article, I will be introducing you to these principles with examples written in TypeScript. All examples are available on this Github repository.
omg! ubuntu!·4yUbuntu 22.04 Just Got a BIG Design Update (Spoiler: Looks Awesome)
With feature freeze now in effect and UI freeze creeping up, a huge drop of changes just hit the daily builds of Ubuntu 22.04 LTS. New versions of the default Yaru GTK, Shell and icon themes are included. Nautilus is now a full-width ‘cabinet’ drawer rather than an inset folder.
freeCodeCamp·4yWhat Backend Should You Use for React?
In every React project, we manage data on the client through state and user interactions. Many apps are not possible without data that comes from the backend. Backend consists of two parts: A place to store our data and a method for retrieving the data. What type of backend you choose depends upon some key features of your data.
Code Like A Girl·4yWays to Add Authentication to Your React Apps
Authentication is an integral part of any public-facing application. It is used to verify if the user on a platform is who they say they are. Several plugins, widgets, and apps are available for authenticating users on your React app. This article will look at two of these in detail: Frontegg and Okta.
Medium·4yAll in one! Javascript promises…
Javascript promises (“Can be Fulfilled | Rejected”) can be considered as the asynchronous counter part of a getter function. Javascript is a single threaded & Only one thing can happen at a time, on a single main thread. To avoid promise chaining and to write clean code, we have async & await. Async Await acts as syntactic sugar on top of promises, making asynchronous code easier to write and read.
DEV·4yThis is why your Node.js application is slow
Many performance-related issues in Node.js applications have to do with how promises are implemented. Async/await blocks the event loop when not correctly used. blocking it means that other parts of the application will suffer because they will not get executed on time and that affects the overall performance.
Hashnode·4yLaunching Flare ✨ - The twitter for developers we all have been wanting!
Flare is a new kind of social networking site made especially for software developers. Flare is my entry for the Netlify x Hashnode Hackathon. Flare uses a lot of cool open-source frameworks and tools. The client application for flare is built using Angular and is styled using Tailwind CSS.
Hashnode·4yReact Awesome Shapes
React Awesome Shapes is an open-source NPM package with which you can insert beautiful shapes into your React site. This project reimplements all the shapes used in Gatsby Themes and adds a few new shapes. The package contains shapes: Circle, Donut, CircleGrid, Square, Diamond, PolygonCard.
Hacker News·4yWhy is LinkedIn so cringe?
The LinkedIn newsfeed is full of cringe-worthy content. The site’s setup forces everyone on the site to wear the professional “CV mask” LinkedIn is basically tied to your identity and your identity is tied directly to your resume. I think the cringe is due to 3 factors: The personality, what LinkedIn asks you to be and the customer.
freeCodeCamp·4yLearn NestJS by Building a CRUD API
NestJS is a framework for building efficient, scalable Node.js web applications. It is a complete development kit for building scalable server-side apps. You will learn how to create a bookmarks API from scratch using NestJS, Docker, Postgres, Passport.js, Prisma and pactum.
DEV·4yHow I setup my Development Environment on macOS 2022 Edition
I always prefer to do a clean install when setting up a new computer. Either use a cloud backup solution to restore your data or use an external storage device to transfer your files. I would install all of the apps that I use this includes personal and developer related apps.
swyx·4yMoving to Obsidian as a Public Second Brain
Two months ago I moved my notes to Obsidian, and I’ve been fairly happy with the result. Here my focus is on convincing you why your S.B. should be public. As I reached the limits of SimpleNote/Notion/GitHub, I thought about these factors for my next notetaking tool.
DEV·4yAm I Smart Enough?
Before deciding to be a software engineer, I was a fashion designer, grocery store cash office clerk, etc etc. I was never good at math or problem solving, and I certainly do not think rationally or logically in the way "engineers" do. The bootcamp does a well enough job of introducing us to the basics needed to get a job. I often find myself looking to outside resources over and over again on Youtube, Google, Github forums... and I feel like I still don't understand what is going of half of the time.
Hashnode·4yHow to Build creative ReadME for your Github Profile
GitHub Readme Stats is a tool that allows you to generate real-time GitHub stats for your contributions and repositories. You can also select your respective skillsets to feature them in your profile. For demo you can check my Github profile here. For more information on how to use this tool click here.
Hashnode·4yMake Your GitHub Profile Standout To Attract Better Opportunities
To screen candidates, the industry is shifting away from resumes and toward GitHub profiles. When you're a fresher with no professional experience open-source contributions come in useful. As a result, it's important to make GitHub Profile stand out and present the best version of yourself. In this article, I am shedding light on tips to Make Your GitHub Profile Standout.
