/react-udemy-samplefuncsclasses

React UDemy Grider Class Work - Related Mostly to Sample Functions

Primary LanguageJavaScript

Introductory React Components

React UDemy Repository 2 - Introductory React Components

Including the "Introductory React Component" from the "Modern React with Redux" Demonstration by Stephen Grider"

Maintained by Jonathan A. Saddler, Ph. D.

Important Pieces

This project uses:

  • React 16.6.3
  • React Dom 16.6.3
  • React Scripts 3.0.1

Projects in this Repository (TimeApp, Components, Seasons, Pics, Videos, Widgets)

  • The TimeApp project.
    This is located in the "jsx" directory
    (for a sample project from the course)

  • The Components project.
    This is located in the "components" directory
    (for the comments project from the course)

  • The Seasons project.
    This is located in the "seasons" directory
    (for the seasons project from the course)

  • The Pics project.
    This is located in the "pics-app" directory
    (for the pics project from the course)

  • The Videos project.
    This is located in the "videos-app" directory
    (for the videos project from the course)

  • The Widgets project.
    This is located in the "widgets" directory
    (for the widgets project from the course)

Snapshots

Current Output ("Videos" Project): (it's big)

A design is also available

ExpectedOutput_Videos

Current Output ("Pics" Project): (it's big)

Start pics-app project ...

ExpectedOutput_Pics

... End pics-app project

Expected Output ("Seasons" Project):

ExpectedOutput Part 1 ExpectedOutput Part 2

Current Output ("Seasons" Project) (finished):

CurrentOutput_Seasons

Expected Output ("Components" Project):

ExpectedOutput_Components

Current Output ("Components" Project):

CurrentOutput_Components

Updates to Projects in this Repository (TimeApp, Components, and Seasons)

Videos Updates
(Feb. 22) Start Videos App

Seasons Updates
(Nov. 6) Using ComponentDidMount to get geolocation of client with permission
(Jan 10) Seasons project is complete.

Components Updates
CommentDetail is now a component
...now it can be used again and again to duplicate comments (Sep. 21)
CommentDetail can be passed four "props" to help with customization: (Oct. 5)
name of poster, update time, comment text content,
and an avatar picture.

Added a semantic UI card wrapper around approval card (Oct. 5)
Can substitute profile picture with a warning inside card (Oct. 8)

TimeApp Updates
not working yet (Sep. 19).
working now! Needed to do imports correctly (Sep. 21)

Commands to run things.

npm start

This command will start this project to test it out.

This project was bootstrapped with [Create React App] (https://github.com/facebook/create-react-app).

npm run build

not a required command.

Builds the app for production to the build folder, correctly bundilng React in production mode and optimizing the build for the best performance.