~hackernoon | Bookmarks (11)

clear filters

reactjs ×

Design Systems: A Front-End Engineer's Guide to Efficient Atomic Design

hackernoon.com

Learn about design systems and their importance in front-end development. Explore Atomic Design methodology introduced by...
Learn about design systems and their importance in front-end development. Explore Atomic Design methodology introduced by Brad Frost, breaking UI components into reusable blocks like atoms, molecules, and organisms. Discover how design systems promote visual consistency and structure applications for front-end engineers. No prerequisites required, but familiarity with React.js and TypeScript is recommended.

design-systems front-end-development reactjs reusable-ui-components typescript
1
Enhancing Password Security and Recovery with Next.js 14 and NextAuth.js

hackernoon.com

authentication front-end-development javascript nextjs reactjs
1
Improve Semantic Search and Enhance AI Model Discovery with Hypothetical Document Embeddings (HyDE)

hackernoon.com

How to use a simple LLM call to dramatically improve the quality of your semantic search results

data-science guide javascript llms reactjs
1
Building Robust Front-End Interfaces with State Machines in React

hackernoon.com

Explore the power of state machines in React for building dynamic wizard interfaces. Discover key concepts,...
Explore the power of state machines in React for building dynamic wizard interfaces. Discover key concepts, implementation strategies, and how to adapt to evolving requirements. Dive in now and level up your React skills!

dag front-end react reactjs state-machines
1
How to Use Redux in a Project

hackernoon.com

Redux is a javascript library which we used for centralized state management. In the redux library...
Redux is a javascript library which we used for centralized state management. In the redux library there are three components or functions which are used to handle the state in a project. The action is responsible for what operation needed in the project. Store is the main component of Redux library where all state has been stored after the performing action.

angularjs full-stack-development react-native reactjs redux
1
How to Use Screen Wake Lock API in React to Manage Screen Locking/Dimming in a Browser

hackernoon.com

Using Screen Wake Lock API in React to manage screen locking / dimming in a browser

javascript js react reactjs screen-wake-lock
1
How To Create a Static, Personal Website for Less Than $1 a Month

hackernoon.com

This tutorial offers a step-by-step guide for creating a static personal website for less than $1...
This tutorial offers a step-by-step guide for creating a static personal website for less than $1 a month. Targeted at beginners with basic web development knowledge, it covers setting up a domain, deploying a Next.js application on Google Cloud Storage, and more. With clear instructions and code examples, this guide makes website creation accessible to all.

diy-website google-cloud-storage nextjs personal-website reactjs
1
Streamline NestJS Setup with Extensive React Boilerplate

hackernoon.com

javascript next.js nextjs project-setup react
1
I Built a Platform to Help Users Practice Programming Challenges Guided by AI

hackernoon.com

I built a platform helping people practice programming challenges guided by AI to help improve interviewing...
I built a platform helping people practice programming challenges guided by AI to help improve interviewing outcomes. My rationale behind this stemmed from an anecdotal experience: I practice programming challenges and found myself regularly asking GPT or Bard to help me break down solutions I didn't fully understand. Breaking problems and solutions down as simply as possible, helps me build a better understanding as...

ai django full-stack-development reactjs software-architecture
1
Increase Your Productivity With 14 React Component Libraries

hackernoon.com

In this article, I compiled a useful list of some of the most popular React component...
In this article, I compiled a useful list of some of the most popular React component libraries. They are easy to get started with and have great docs.

coding learning-to-code programming react react-components
1
The Ultimate React State Management Handbook

hackernoon.com

A comprehensive guide to React State Management, covering the basics to advanced techniques. Learn to manage...
A comprehensive guide to React State Management, covering the basics to advanced techniques. Learn to manage and update states using useState and useReducer hooks, explore state management with Context API and Redux Toolkit, and discover how to store states in URLs. Essential for React developers seeking to master state management.

react react-hook react-state-management react-tutorial reactjs
1

~hackernoon | Bookmarks (11)

Tags

Domains

Design Systems: A Front-End Engineer's Guide to Efficient Atomic Design

Enhancing Password Security and Recovery with Next.js 14 and NextAuth.js

Improve Semantic Search and Enhance AI Model Discovery with Hypothetical Document Embeddings (HyDE)

Building Robust Front-End Interfaces with State Machines in React

How to Use Redux in a Project

How to Use Screen Wake Lock API in React to Manage Screen Locking/Dimming in a Browser

How To Create a Static, Personal Website for Less Than $1 a Month

Streamline NestJS Setup with Extensive React Boilerplate

I Built a Platform to Help Users Practice Programming Challenges Guided by AI

Increase Your Productivity With 14 React Component Libraries

The Ultimate React State Management Handbook