Cristiana Mancristiana.hashnode.net·Apr 11, 2021FeaturedCreating a React Component Library with TypeScript, Storybook & RollupA shared UI component library is fundamental to the frontend architecture of a growing company where you have teams maintaining several projects that use the same visual elements. The UI component library ensures visual consistency between projects o...207 likes·12.6K readsReactReact
Ashish mauryatheashishmaurya.hashnode.net·Sep 15, 2021Switch Component with React + Tailwind CSSTailwind CSS is one of the best CSS frameworks out there and working with utility classes I just amazing for quick projects. But there is a whole down part to this is you have to create your own component from scratch. So here I am teaching you how t...131 likes·6.8K readsReactjsReact
Anish De12020.hashnode.net·May 9, 20225 Amazing React Component Libraries to Consider for your Next ProjectAs web developers, it is often quite 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. Thankfully, the React ecosystem is huge and there are many great p...84 likes·28.3K readsTHW Web Apps
Himanshu Chauhanhimanshuchauhan.hashnode.net·Apr 22, 2023Building your first ReactJS componentIn this blog, we will create a ReactJs component from scratch. During the create this component we will also see how to set up a react application too. We will use vite builder for our React application because it is lightweight and faster. Setting ...React
Dany Paredesdanywalls4.hashnode.net·Apr 13, 2023How to get and use ng-template, ng-container and ng-contentWhen I started to play with templates and dynamic content in angular, I get surprised by multiple directives in angular to work with it ng-template, ng-container, and ng-content. Each one is pretty similar initially; each has exceptional use cases an...3 likes·578 readsAngularAngular
Rajarshi Sarkarrajsarkar.hashnode.net·Apr 13, 2023ReactJS ComponentsOne of the key features of React is its component-based architecture, which allows developers to create complex UIs by breaking them down into smaller, reusable pieces of code called components. In this blog post, we’ll take a closer look at React co...1 likeReact Basics: A Beginner's GuideReact
Michael Laroccamichaeljudelarocca.hashnode.net·Apr 11, 2023Exploring React Props by Creating Star Trek Card ComponentsAfter learning JavaScript, getting started with the React environment can feel like a strange new world. This article explores passing data with React props by creating Star Trek card components! Introduction This article aims to be a beginner-fri...components
Smart Shocksmartshock.hashnode.net·Apr 5, 2023Composing Components in React: Building Modular UIsIntroduction In React, components are the building blocks of UI. Often, we need to reuse components in different parts of our application, and that's where composing components comes into play. Composing components means that we create a new componen...25 React Exercises for Practical LearningReact
Smart Shocksmartshock.hashnode.net·Apr 3, 2023Passing Data Between Components in ReactOne of the most important features of React is the ability to pass data between components. In this article, we'll explore how to pass data between a parent component and a child component in React. The Parent Component First, let's create our parent...10 likes·36 reads25 React Exercises for Practical LearningReact
Sai Pranaysaipranay47.hashnode.net·Apr 3, 2023Understanding the React Component LifecycleReact is one of the most popular JavaScript libraries used for building user interfaces. One of the core concepts of React is the Component Lifecycle, which describes the different phases a component goes through from creation to destruction. Underst...10 likes·29 readsReact
Smart Shocksmartshock.hashnode.net·Apr 3, 2023Displaying Data with PropsIn the previous blog post, we learned how to render a simple component in React using JSX. In this blog post, we will learn how to pass data to a component using props and display it in the component. Step 1: Create a new file Create a new file calle...25 React Exercises for Practical LearningReact
LaurenNmultiskilld.hashnode.net·Apr 1, 2023React Components Newbie infoThe mentioned documents do not have any specific code snippet related to "values created to make the app function". However, here is a common approach to create values to make a React Native app function. Typically, in React Native apps, values such ...components
LaurenNmultiskilld.hashnode.net·Apr 1, 2023Chat Componentsimport { Conversation, Message } from '@/types/chat';import { KeyValuePair } from '@/types/data';import { ErrorMessage } from '@/types/error';import { OpenAIModel, OpenAIModelID } from '@/types/openai';import { Prompt } from '@/types/prompt';import {...chatbot
