https://github.com/janluksoft/react_npm_js_niceclock

React nice analog/digital clock in JavaScript
https://github.com/janluksoft/react_npm_js_niceclock

babel css html javascript jsx-syntax npm react

Last synced: 3 days ago
JSON representation

React nice analog/digital clock in JavaScript

• Host: GitHub
• URL: https://github.com/janluksoft/react_npm_js_niceclock
• Owner: janluksoft
• Created: 2024-01-11T22:08:42.000Z (10 months ago)
• Default Branch: master
• Last Pushed: 2024-01-11T22:23:15.000Z (10 months ago)
• Last Synced: 2024-01-31T22:25:18.175Z (10 months ago)
• Topics: babel, css, html, javascript, jsx-syntax, npm, react
• Language: JavaScript
• Homepage:
• Size: 319 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React nice analog/digital clock

React element: ClockMub: nice analog and digital clock written in JavaScript

This page demonstrates using React component - analog and digital clock with a round dial. 

- Project React with NPM tools, created by toolkit: create-react-app;

- This project requires instalation libraries by NPM tools, and compilation;

- In mClock.js defined main "ClockMub" React component;

- This is a Class_Component with JSX syntax;

- The clock is drawn using several procedures on the browser canvas;

- ClockMub software is developed from the author's version;

- Index.js renders three clocks (three instances of class ClockMub) each with a different size;

- Npm instaled local libraries: react v18.2, react-dom v18.2, react-scripts v5.0 with babel-loader v8.3;

- Project written in Visual Studio Code.

.

![](jpg/MubClocks_02.jpg)

## Details

The application is initiated by the toolchain [Create React App], which creates files and the application operating environment. The startup script [….\node_modules\react-scripts\scripts\start.js] starts a local web server, embeds the project files (html, css, js) and starts public/index.html along with the compiled js files.