Skip to content

This project is a simple, hands-on way to learn the fundamentals of React. It's perfect for those new to the library, or for experienced developers looking to brush up on their skills.

Notifications You must be signed in to change notification settings

haiderali780/Practise-Project-AddUsersList

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Add User List

This is a React application that allows users to add names to a list. It demonstrates the use of React Fragments, React Portals, React events, refs, the useState hook, styling React components, inline styling, CSS modules, and working with React components.

Features

  • React Fragments: The component uses React Fragments to wrap multiple elements in a single parent element, without adding an extra node to the DOM.
  • React Portals: The component uses React Portals to render an element to a different part of the DOM, outside of its parent component.
  • React events: The component uses React events, such as onClick, onSubmit, and onChange, to handle user interactions.
  • Refs: The component uses refs to access DOM elements and manipulate their values.
  • useState hook: The component uses the useState hook to store and update data in response to user interactions.
  • Styling React components: The component uses various techniques to style React components, including inline styles, CSS classes, and CSS modules.
  • Working with React components: The component demonstrates how to work with React components, including rendering, props, state, and lifecycle methods.

How to use

  1. Clone the repository and navigate to the directory:
  1. Install the dependencies: npm install
  2. Start the development server: npm start
  3. The login form will be available at http://localhost:3000.

Contributions

If you'd like to contribute to the AddUserList Project, please fork the repository and create a pull request with your changes.

Support

If you have any questions , please contact me at haiderali782002@gmail.com

License

This project is not licensed.

About

This project is a simple, hands-on way to learn the fundamentals of React. It's perfect for those new to the library, or for experienced developers looking to brush up on their skills.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published