burnett2k / work-timer-react Goto Github PK
View Code? Open in Web Editor NEWRefactoring / Rewriting my Work Timer app using newer technologies like React, Redux, ES6, Babel, etc
Refactoring / Rewriting my Work Timer app using newer technologies like React, Redux, ES6, Babel, etc
It was fun getting all this working on a digital ocean droplet, but It's kind of fragile and seems to break all the time.
I want to look at how to simplify this stack and potentially reduce cost.
Ideas:
mention:
This project is getting hella old and I need to bite the bullet and modernize it, or re-write it again.
Need to move setInterval to a separate thread so it won't be throttled by browser optimization. This will require pulling timer funcionality into a separate file, and creating a worker out of it. Must communicate with it using messages rather than react props like I'm currently using.
More info here: https://www.fullstackreact.com/articles/introduction-to-web-workers-with-react/
It's a bit weird that you cannot see the user you are logged in as
Add features of a progressive web app to allow a better user experience. This means
More info here
It would be a really nice feature to add which would help you focus and determine if you met your goal
implement offline caching so that the app will continue to run just fine and return a 200 response even though there is no internet connection
In some situations this is not ideal. 1 case where this shouldn't happen is:
The login causes a page refresh so your timer stops. Maybe I should store some kind of state that checks what the last known status was and continues the timer if it was "Running"?... This should be pretty easy to fix.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.