JounQin / React Hackernews
Licence: mit
HackerNews clone built with React, ReactRouter & Redux, with full page server-side rendering
Stars: ✭ 49
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to React Hackernews
Typesafe Routes
Spices up your favorite routing library by adding type safety to plain string-based route definitions.
Stars: ✭ 26 (-46.94%)
Mutual labels: react-router
Todo React Redux
Todo app with Create-React-App • React-Redux • Firebase • OAuth
Stars: ✭ 942 (+1822.45%)
Mutual labels: react-router
Create React App Redux
React Router, Redux, Redux Thunk & Create React App boilerplate
Stars: ✭ 885 (+1706.12%)
Mutual labels: react-router
Express React Boilerplate
🚀🚀🚀 This is a tool that helps programmers create Express & React projects easily base on react-cool-starter.
Stars: ✭ 32 (-34.69%)
Mutual labels: react-router
Chat Buy React
Client for beginners to learn, built with React / Redux / Node
Stars: ✭ 1,026 (+1993.88%)
Mutual labels: react-router
React Ssr Starter
All have been introduced React environment
Stars: ✭ 20 (-59.18%)
Mutual labels: react-router
React Boilerplate
⚛ The stable base upon which we build our React projects at Mirego.
Stars: ✭ 39 (-20.41%)
Mutual labels: react-router
React Mobx React Router Boilerplate
A simple boilerplate based on create-react-app and add mobx, react-router, linter, prettier and so on. 一个简单的 react 脚手架依赖于 create-react-app 新增了 mobx react-router,linter,prettier 等。
Stars: ✭ 12 (-75.51%)
Mutual labels: react-router
Diagonistician Reactjs Express Mongoose
Question - Answers demo SPA
Stars: ✭ 13 (-73.47%)
Mutual labels: react-router
Budgeting
Budgeting - React + Redux + Webpack (tree shaking) Sample App
Stars: ✭ 971 (+1881.63%)
Mutual labels: react-router
Patternfly React Demo App
DEPRECATED: This project is no longer active. See https://github.com/patternfly/patternfly-react-seed for PF4 demos.
Stars: ✭ 26 (-46.94%)
Mutual labels: react-router
React Redux Antdesign Webpack Starter
react + redux + ant design + react-router 4 + webpack 4 starter
Stars: ✭ 44 (-10.2%)
Mutual labels: react-router
React Static Complete Website
A complete website built using React JS, With SEO, Code Splitting, Pre-rendering, gzip and more.
Stars: ✭ 16 (-67.35%)
Mutual labels: react-router
Create React Redux App
This project was bootstrapped with Create React App and Redux, Sass Structure.
Stars: ✭ 46 (-6.12%)
Mutual labels: react-router
React Antd Admin Template
一个基于React+Antd的后台管理模版，在线预览https://nlrx-wjc.github.io/react-antd-admin-template/
Stars: ✭ 1,022 (+1985.71%)
Mutual labels: react-router
Muiscrr Boilerplate
Material-UI Styled Components React Redux boilerplate with offline mode support 🎬
Stars: ✭ 35 (-28.57%)
Mutual labels: react-router
react-hackernews
HackerNews clone built with React, ReactRouter & Redux, with full page server-side rendering
Features
Note: in practice, it is unnecessary to code-split for an app of this size (where each async chunk is only a few kilobytes), nor is it optimal to extract an extra CSS file (which is only 1kb) -- they are used simply because this is a demo app showcasing all the supported features. In real apps, you should always measure and optimize based on your actual app constraints.
- Server Side Rendering
- react + react-router + redux working together
- Server-side data pre-fetching
- Client-side state & DOM hydration
- Automatically inlines CSS used by rendered components only
- Preload / prefetch resource hints
- Route-level code splitting
- custom dynamic title for SEO
- Progressive Web App
- App manifest
- Service worker
- 100/100 Lighthouse score
- Experience
- Hot-reload in development
- CSS extraction for production
Inspired by
react-server-renderer / vue-server-renderer
react-async-component / react-async-bootstrapper
react-style-loader / vue-style-loader
Architecture Overview
Build Setup
Requires Node.js 7+
# install dependencies
npm install # or yarn
# serve in dev mode, with hot reload at localhost:4000
yarn dev
# build for production
yarn build
# If you care about node_modules size
yarn run prune
# serve in production mode
yarn start
License
MIT
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].