ThxJSer is a Single Page Application (SPA) frameworks

- a toolkit - for people who build web sites using javaScript and React.

Different from traditional server side rendering(SSR), SPA is a client side render(CSR) pattern.

SPA is separation of front-end and backend, making division clear.

Hence, you can deploy the frontend(views) without worrying about backend's language.

SPA load data dynamically from backend by using Ajax request(API call), this capability makes it no need to wait entire page's extra reloading.

So, SPA provide the faster performance and easily content render with APIs' JSON data.

Demo : https://thxjser.github.io/


sign in email : [email protected]
sign in password : 88888888

ThxJSer is a CSR(Client Side Render) pattern :

• Faster speed & performance, shorter rendering times
• Efficient caching, doesn’t have to reload entire page
• Simple, without worrying about the backend, and ThxJSer is light-weight
• Easy, easy to develop components and debug
• Support page's history change event handle!!!

ThxJSer lets you creatively focus on your front-end project!

ThxJSer requires zero configuration!!

ThxJSer is dedicated to all the front-end and js engineers, thanks y'all!

1. Run Requirements

• Install nodejs version 9.11 or newer is recommended.
• Install npm version 5.6 or newer is recommended.

2. Copy the 3 items [ index.html, src folder, package.json ] to your project folder and command run

$ cd <your project folder>

$ npm install

wait installed...ok

$ npm start

wait built...ok

That's it!

3. Now, you can access http://localhost:8888. If you want to change others listen port, config is in the package.json.

1. Skill Requirements

• Basic HTML DOM, CSS, JavaScripts(ES5, ES6).
• Concept of js' callback function, Async/Sync/Promise knowledge.
• Components, life cycle, hook of React, and Redux pattern.
  
  

2. Development Guide

If you want to know more develop's guideline,

CRUD instances are mostly in the src/pages/TodoList.jsx, plz refer to this file.

3. The below guideline is provided for your reference.

ThxJSer powered by Axios, Day.js, Material UI, Parcel, React, React Hook Form, Redux and Yup. Thank you all very much.

Particular thanks Github, Google, Node.js, NPM, Parcel, React, Stack Overflow.

This code has been developed and maintained by ThxJSer from October 2022.

If you discover vulnerability security issues, please send e-mail to [email protected] , thank you.

ThxJSer framework is open-source, licensed under the MIT license.