Index
A
AccountView components
images
index.tsx
named component
PricingPage creation
standard page
styling components
ApexCharts
dashboard
dashboard-layout
dashboard-sidebar-navigation
definition
feather icons
index.tsx
layout component
main-layout directory
Material-UI core library
navigation-bar.tsx
page component
useStyles component
Axios instance
api endpoints
approaches
components folder
configuration
endpoints
fetchSales Function
forwarding refs
getSalesAxios() method
implementation
local state creation
option configurations
page component
setSales method
styling component
type array
TypeScript configuration
useEffect() method
useStyles/useTheme styles
B
Boilerplate
cloning process
competent/efficient developer
cons
CRA template
create-react-app (CRA)
disadvantages
GitHub project
package/dependency
package.json
pros
VS code extension
C
Cascading Style Sheets (CSS) file
ButtonModule.tsx
Button Module UI
ButtonStyled styling class
emotion
global styling
modules
plain styling
styled-components
stylesheet
Client-side rendering (CSR)
Command-line interface (CLI)
Content Management System (CMS)
Create-react-app (CRA) app
boilerplate
dependencies
Husky
industry-standard tools
libraries
package.json file
typescript definitions
commands
compilerOptions object
development environment/production
files/folders process
folder structure
NPX (Node Package Execute)
public/index.html
single-page application
src/index.tsx
typescript
D, E
Dashboard sidebar navigation
account and pricing menus
AccountView page
enableReinitialize
Formik Props
GeneralSettings
avatar/additional components
browser screen
db.json file
General Settings
getProfileAction
header
ProfileDetails creation
Redux DevTools
screenshot pricing page
sidebar menus
updating process
useDispatch/useSelector
Yup profile validation
Data tables
collapsible sidebar menu
creation
dashboard-sidebar-navigation
list/create product
updated UI
useStyle component
delete option
divider component
endpoint
libraries/components
form handling
Yup
Formik
product creation
form process
header component
Header.tsx
index.tsx file
list view
view process
ProductType object
repository
services directory
SeeService creation
updating process
event handler
route path
sidebar dashboard menu
Declaration files
package.json file
significant benefits
d.ts files
typings
Docker package
client dashboard
desktop page
download button
engine (Ubuntu)
ignore file
installation process
Mac app
NGINX
SeeNGINX server configuration
Document Object Model (DOM)
Dropzone files (react)
FilesDropzone component
files-dropzone.tsx
import components
styling component
upload images
F
Fake server
authentication flow
authService.ts
axios.ts file
db.json
package.json
Formik
AddEditEventForm
getInitialValues
initialValues/validationSchema
named components
onSubmit
type definition
FullCalendar component
moment
SeeMoment installation
screenshot
G
GitHub
definition
initialize repository/publish
Netlify
SeeNetlify
private repository
website
GitHub/Bitbucket
H
Hooks
alert message pop-up
fundamental concepts
handleAlert function
screenshot
useEffect
useState
Hybrid text editor
Hypertext Transfer Protocol (HTTP) requests
axios
SeeAxios instance
fake data
type-checking options
I
Inline styling
IntelliSense/code editor
J, K
JavaScript XML (JSX), hooks
Json-server file
db.json server
dependencies
Firefox browser
package.json file
rendering data
resource endpoints
Fake data
SeeJson-server file
JSON Web Token (JWT)
access token response
local storage
L
Lazy loading
code-splitting
concepts
DevTools
eager loading
about page
components
dashboard
error message
home page
prop fallback
eager Loading
source code
suspense
LoginForm components
Formik creation
functions/methods
named components
LoginPage function
Long Term Support (LTS) version
M
Media query Hooks
SeeMobile-friendly apps
Mobile-friendly apps
about page component
avatar elements
dashboard layout
dashboard sidebar navigation
drawer elements
drop-down menu list
emojipedia.org
home page component
major versions
navigation bar
NotFoundPage
package library safely
version lens
Moment installation
calendarSlice
asynchronous event actions
createEvent/updateEvent/deleteEvent
event actions
non-async actions
CalendarView
calendarSlice
event requests
event selector
isModalOpen/AddEditEventForm
modal dialog
modules
Redux DevTools
styling components
useSelector
handleAddClick function
header component
className string/onAddClick function
Formik
index.tsx
makeStyles
named components
screenshot
libraries
MuiPickersUtilsProvider
packages
root component
styling components
calendarSlice/React hooks
Chrome/Redux DevTools
edit event form
handle functions
index.tsx
local states creation
named components
return statement
screenshot
toolbar component
named components
Props
return Statement
Toolbar.tsx file
ViewOption/makeStyles components
N, O
Netlify
account creation
build script
continuous deployment
definition
deploy site page
Docker
SeeDocker package
GitHub
home page
login options
package.json
repo search
website
NGINX server configuration
configuration
COPY
definition
Docker
building process
client dashboard
commands
deployment process
Hub
port 8080
push
screenshot
services/instances
Dockerfile
npm installation
Node Package Execute (NPX)
Node Package Manager (NPM)
Node.js version
package installation
framework
modules
package.json/package-lock.json file
semantic versioning/semver
website
Yarn
Notification library
installation
SnackbarProvider
Notifications page
function component
import components
refresh
return statement
P
Products menu
header component
Header.tsx
initial values
named components
notification library
ProductCreateForm
ProductCreateView
react version
SeeQuill component (react)
styling component
type definition
Profile form and syncing data
AccountView
SeeAccountView component
claims type creation
claims-type.ts
UserType
dashboard avatar
HeaderProfile
function component
named components
return statement
styling component
LoginForm
navigation bar
notifications page
Redux DevTools
Register Form
saveUserAuthDetails Function
security page
settings page
subscription form
subscription page
users/UsersDb
authService
changePasswordAxios
endpoints
UserDbService creation
Progressive Web App (PWA)
ProtectedRoute components
Q
Quill component (react)
add_file.svg
bytes-to-size.tsx
index.tsx
QuillEditor component
quill-editor.tsx
styling components
R
React concepts
career opportunities
client-side rendering/server-side rendering
components
learning process
navbar component
prominent business brands
screenshot
section component
unidirectional flow/one-way data binding
user interfaces
virtual DOM
React function component (React.FC)
Reducers
authReducer
authSlice
createSlice
jwt-decode
profileReducer function
ProtectedRoute, Redux Toolkit (RTK)
actions types
asynchronous actions
axios
calendarSlice file
calendar view component
calendar menu
configureStore.ts
dashboard-sidebar-navigation
index.tsx file
reducers
root component
routes.tsx
components
delete option
events object
folder structure
FullCalendar
SeeFullCalendar component
getProfileAction
implementations
libraries
meaning
non-async actions/synchronous actions
overview
profileActionTypes
profileAsyncActions
profileSlice
prop drilling
putProfileAction
root reducer
CalendarView
chrome DevTools
IntelliSense
reducers.ts file
state management
asynchronous/synchronous action
CodeSandbox website
components
flow diagram
selectors/dispatcher
store/reducers
store/types folder
website
RegisterForm function
auth details
named components
return statement
Router navigation
benefits
button component
containers and components
dashboard layout
component
content UI
DashboardDefaultContent component
libraries
path <Link>
props
SettingsAndPrivacy component
simple app bar
useRouteMatch
data tables
folder structure
handling/managing routes
home component
index.tsx file
Lazy loading
SeeLazy loading
lazy loading/code-splitting
<Redirect>
material-buttons.tsx file
material-UI library
navigation bar
browser
button components
component
CSS class objects
Index.tsx
links
NotFoundPage
style object
recap installation
return statement
routes.tsx creation
source code
switch and route components
Routes
Chrome DevTools
dashboard-sidebar-navigation
handleLogout
LocalStorage
LoginPage components
ProtectedRoute
register form
routes.tsx
updating process
S
Security page
function component
HTTP request
named components
refresh
return elements
server-side rendering (SSR)
Service creation
db.json file
getProductAxios
HTTP request
code refactoring (ProductListView)
productService.ts
UI styling
event handlers
index.tsx
inputProductOptions
label.tsx
List Products
Material-UI components
named import components
results.tsx component
shape/type objects
TableResultsHelpers.tsx
useStyles
Single-page application (SPA)
Styling method
CSS modules
emotion
global CSS
inline styling
plain CSS
Subscription page
named components
props
refresh
return statement
styling components
T
Type-checking options
compilerOptions
description
flags
tsconfig.json file
Typescript
compiler error
CRA
SeeCreate-react-app (CRA) app
declaration files
hooks
IntelliSense/code editor
React.FC/props
U
User interfaces (UIs)
V
Virtual Document Object Model (DOM)
W, X
Warnings/errors
Windows Subsystem for Linux (WSL)
Y, Z
Yup profile validation
Yup validation
..................Content has been hidden....................
You can't read the all page of ebook, please click here login for view all page.