Create interactive UIs. Design simple views for single-page application, and React will efficiently update and render just the right components when the data changes. Declarative views make the code more predictable and easier to debug.
Build encapsulated components that manage their own state, then compose them to make complex UIs. Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM.
Learn how to use Sass to stylesheet. It allows you to use variables, nested rules, mixins, functions, and more, all with a fully CSS-compatible syntax. Sass helps keep large stylesheets well-organized and makes it easy to share design within and across projects.
AS AN employer looking for candidates with experience building single-page applications
I WANT to view a potential employee's deployed React portfolio of work samples
SO THAT I can assess whether they're a good candidate for an open position
- React
- Sass
- Single-page Component
- Use mobile-first design
- Choose a color palette
- Links to an external site
- Font awesome
- Google font
- npx create-react-app app-name
- npm i react-external-link
- npm i react-router-dom
- npm i @fortawesome/react-fontawesome
- npm i sass
https://nfoithong.github.io/nf-react-portfolio/
In terminal
git remote -v
"homepage": "https://nfoithong.github.io/nf-react-portfolio/"
npm i gh-pages
"scripts": {
"predeploy": "npm run build",
"deploy": "gh-pages -d build",
}
npm run deploy
Then check on github on gh-pages branch
Please contact me at Email with any further questions or.
Github link