2023-01-28 14:18
Table of ContentsHow To Setup Your First GitHub Actions WorkflowIssues with Cl and How to Fix themAutomating chromatic tests with GitHub Actions for seamless integration.Deploying Storybook:… Read More
Blog Directory > Education Blogs > Authentic React Development Bookmark Resources education Blog >
Authentic React Development Bookmark Resources Blog
reacthub.xyz
Simplify Your React Development with ReactHub Community
2023-01-28 14:11
Table of ContentsPublishing your packages with lerna to npm Controls published filesHow to setup Conventional commitsAdding Linting to CommitsHow to generate changelogs in monorepo with lern… Read More
2023-01-28 14:07
Table of ContentsSetting Up StorybookSelect Component VariantsUsing Addon KnobsUsing Addon AccessibilityImplementing automated visual regression testing with Chromatic
Setting Up Storyboo… Read More
2023-01-28 14:00
Table of Contents Setting up jest and babel Select test cases-Assignment Select test cases -Assignment SolutionTests for foundations Components
Setting up jest and babel… Read More
2023-01-28 13:47
In the previous part, we have seen how to implement react to monorepository. In this part, we will learn how to add accessibility to our component.
Table of ContentsEnhancing Accessibilit… Read More
2023-01-28 13:22
In previous part we learned how to setup mono repository with yarn and lerna. In this part we will see how to implement react in it.
Table of ContentsCreating React App with MonorepoCompi… Read More
2023-01-28 08:00
In the previous part, we learned about CSS architecture and created our own CSS package. In this blog, we are going to learn how to create monorepositiries
Now we are going to have other… Read More
2023-01-28 07:40
CSS Architecture is more than a concept; it is a technique that helps organize and structure CSS in projects, making them easier to build, maintain, and scale. CSS Architecture really helps… Read More
2023-01-28 06:50
A design system is a set of rules for managing design at scale, with the goals of eliminating duplication and maintaining a shared language and visual consistency across multiple pages and c… Read More
2023-01-07 13:04
Looking for the best themes and fonts for VS Code in 2023, Don’t worry in this blog post we have listed out some of the best themes and fonts for VS Code in 2023.
Microsoft’s… Read More
2023-01-07 10:09
In React, you can create a group of radio buttons by using the Radio component from a library like antd or by creating your own radio button component.
Here’s an example of how you… Read More
2023-01-07 09:52
An iframe component in React is a component that allows you to embed a frame or an inline frame within a React component. An iframe is used to display a web page within a web page. Here&rsqu&hell…Read More
2023-01-07 09:43
Here is a step-by-step guide on creating and using a custom hook that allows you to force a rerender of a component:
Create a new function with the use prefix and import the useState hook… Read More
2023-01-06 13:30
Use the useState hook to create a stateful value called isLoaded that indicates if the image has been loaded.
Use the useEffect hook to check if the HTMLImageElement.prototype contains th… Read More
2023-01-06 13:30
Create a state variable called “active” using the useState() hook and initialize it to 0.
Use the useEffect() hook to update the value of “active” to the index of… Read More
2023-01-06 13:29
Here is a step-by-step guide to creating an uncontrolled select element in a React component that uses a callback function to pass its value to the parent component:
Import the necessary… Read More
2023-01-06 13:29
The useState hook is called to initialize the isToggledOn state variable with the default value of defaultToggled. This value can be either true or false, depending on the desired default st… Read More
2023-01-06 13:29
To create a textarea component with a character limit in React, you can follow these steps:
Use the useState hook to create a state variable called content. Set its value to the value of… Read More
2023-01-06 13:26
Use Object.keys() to get an array of all the keys in an object.
Use Array.prototype.filter() to filter the array of keys to only include those specified in propertyNames.
Use Array.pro… Read More
Subscribe to Authentic React Development Bookmark Resources
Get updates delivered right to your inbox!