-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
re-arrange files in order make a npm package
- Loading branch information
Showing
20 changed files
with
24,750 additions
and
75 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -7,7 +7,8 @@ | |
/coverage | ||
|
||
# production | ||
/build | ||
/build/lib/* | ||
!/build/lib/.gitkeep | ||
|
||
# misc | ||
.DS_Store | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,21 @@ | ||
# See https://docs.npmjs.com/misc/developers#keeping-files-out-of-your-package for more about ignoring files. | ||
|
||
# dependencies | ||
/node_modules | ||
|
||
# testing | ||
/coverage | ||
|
||
# production | ||
/build/lib/.gitkeep | ||
|
||
# misc | ||
.DS_Store | ||
.env.local | ||
.env.development.local | ||
.env.test.local | ||
.env.production.local | ||
|
||
npm-debug.log* | ||
yarn-debug.log* | ||
yarn-error.log* |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,8 +1,10 @@ | ||
REACT PWA PAGE | ||
============== | ||
REACT PWA SCREEN MANAGER | ||
======================== | ||
|
||
UI component to handle PWA pages display. | ||
Almost each time I make a progressive web app, it has to look'n'feel as a "native app". | ||
|
||
Page should change with an animation (either comming from left or right, pushing or coming over the previous one). | ||
One of the main feature that make your (web)app feels like "native" is the screen change transition : each screen change should completely reload the page and re-render everything ? or the old screen should smoothly go away from the viewport in a nice translation animation while the next one is coming from the other side ? | ||
|
||
Page change should be associated with a change in the router system (shipped in router is "react router"). | ||
This repository brings a set of React component in order to help you manage those screens transitions | ||
|
||
Note : And because, we are on the web, each page change should be associated with a change in the page url, so be aware that this component set is shipped with "react router" (built-in). |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,14 @@ | ||
<!doctype html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="utf-8"> | ||
<title>React PWA Screen Manager</title> | ||
</head> | ||
<body> | ||
<noscript> | ||
You need to enable JavaScript to run this app. | ||
</noscript> | ||
<div id="root"></div> | ||
<script type="text/javascript" src="index.js"></script> | ||
</body> | ||
</html> |
Oops, something went wrong.