npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@dongnl/pawjs

v2.3.0

Published

A minimal pluggable reactjs framework to develop a progressive web application

Downloads

11

Readme

Backers on Open Collective Sponsors on Open Collective Dependencies Status devDependencies Status Known Vulnerabilities

Join the chat at https://gitter.im/react-pwa

A highly scalable & plugable, Progressive Web Application Framework with the best Developer Experience. This framework utilizes the power of React with Webpack and is build on top of webpack/tapable for unlimited extendability.

No configuration required

You start the development with nothing but just one single file i.e. src/routes.js

Getting Started

To install and get started with PawJS execute the following commands:

1. Clone the repo to your local PC and go to the installation
git clone https://github.com/Atyantik/pawjs.git && cd pawjs
2. Install the dependencies
npm install
3. Prepare the packages and demo project
npm run prepare-demo
4. Start the demo project
npm run start

Features

PWA - Progressive Web Applications

Create Progressive web application with ReactJS. As we all know, Progressive Apps are not supported everywhere, but we have added support for Safari & Chrome so your application can work as standalone applications when added to home-screen or saved as desktop app.

Code splitting

The very difficulty faced when developing enterprise application is code splitting. We don't need everything in a single JS file. Why not simply split the code with import() and create bundles! We make it really easy here to just create a page that returns an array of routes. Code is split and loaded automatically when the respective route is called.

ES6/7 Compatible

Using babel, we support next generation JavaScript syntax including Object/Array destructuring, arrow functions, JSX syntax and more...

Universal Routing with React-Router

We are using the most accepted React router for routing the application. Add your favorite /about, /contact, /dashboard pages.

Offline support with Google Workbox

Yes your application is offline available. Run without internet. Pretty cool huh?? Well all thanks to service workers and google workbox for handling the cache & network strategies.

SSR - Server side rendering

The best way to get your application SEO-ed is enable Server side rendering i.e. Universal applications You can have SSR running during development as well.

SEO

Our customized routes enable creating meta tags to create Twitter, Google+, Linkedin, Facebook cards. We know how important SEO is to an application.

HSTS Supported

Enable HSTS for secure sites. Options to define maxAge and preload of HSTS. All with very simple configuration.

Supporters

Atyantik Technologies Private Limited

Everyone at Atyantik Technologies is contributing their free time for contributing to the project and core discussions.

License

This project is licensed under the MIT license, Copyright (c) 2018 Atyantik Technologies Private Limited. For more information see LICENSE.md.