this web app will show after deployment: https://ermapsh.github.io/react-Textutil-project/__
__
__
in this how i learn react js, thats all things are in this md file
Software are use for react js is node js. after installing we directly create sample react js application in js using [npx create-react-app [folder name]], after that we can run this application using [npm start], and application run on localhost everytime, we can use [npm run build] cmd for build production of model/stable model
Prop are send form app.js to components files using prefix shotform from react extension is easy to implement a code. we can set prop types as like that:
we can set prop-types using Proptyeps module if specific propType is required then we can use isRequired
Navbar.propTypes = { about.propTypes: string.isRequired, title.propTypes: string }
if we want default prop value Navbar.defaultProps = { about.propTypes: string, title.propTypes: string }
- we use state hook from react
- we cant change state of variable like normal variable, if we wan't to change then use change state updation.
- like see < const [initialstate, initialstatechanged] = useState("Here this string is default value of initialstate, its may be string, int, float, boolean, object etc.") >
- we can change initial state changed manually like < initialstatechanged("here the something that u want to change") >
- we add one more button for lowercase text.
- adding preview for text that we paste/enter.
- count word in string, count character in string and return how many time(minutes) for no of words to read in minutes
- i add copy to clipboard system in our web application
- using state varible (type of hook) we can develop a web app
- Dark mode enable disable fuction using hooks
- add some fuction in textfrom
- modified dark theme
- Adding + Auto Dismissing Alert Messages
- adding different themse and do small change in realeted to No of words in text
- Changing title dynamically & adding favicons to TextUtils
- React Router Setup (exact path is good way in ur app for ur endpoint)