Skip to content

Commit 0fab683

Browse files
markeriksonmarkerikson
authored
Add lib links (#56)
1 parent 858c762 commit 0fab683

File tree

11 files changed

+171
-108
lines changed

11 files changed

+171
-108
lines changed

‎README.md

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,6 @@ This package is _not_ intended to solve every possible complaint about Redux, an
3131
- A `createSlice()` function that accepts a set of reducer functions, a slice name, and an initial state value, and automatically generates corresponding action creators, types, and simple selector functions.
3232
- An improved version of the widely used `createSelector` utility for creating memoized selector functions, which can accept string keypaths as "input selectors" (re-exported from the [`selectorator` library](https://github.com/planttheidea/selectorator)).
3333

34-
3534
## Documentation
3635

3736
The `redux-starter-kit` docs are now published at **https://redux-starter-kit.js.org**.

‎docs/introduction/quick-start.md

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -19,8 +19,8 @@ We can't solve every use case, but in the spirit of [`create-react-app`](https:/
1919

2020
This package is _not_ intended to solve every possible concern about Redux, and is deliberately limited in scope. It does _not_ address concepts like "reusable encapsulated Redux modules", data fetching, folder or file structures, managing entity relationships in the store, and so on.
2121

22-
That said, **these tools should be beneficial to all Redux users**. Whether you're a brand new Redux user setting up your
23-
first project, or an experienced user who wants to simplify an existing application, **`redux-starter-kit`** can help
22+
That said, **these tools should be beneficial to all Redux users**. Whether you're a brand new Redux user setting up your
23+
first project, or an experienced user who wants to simplify an existing application, **`redux-starter-kit`** can help
2424
you make your Redux code better.
2525

2626
## What's Included
@@ -44,7 +44,6 @@ npm install --save redux-starter-kit
4444
It is also available as a precompiled UMD package that defines a `window['redux-starter-kit']` global variable.
4545
The UMD package can be used as a [`<script>` tag](https://unpkg.com/redux-starter-kit/dist/redux-starter-kit.umd.js) directly.
4646

47-
4847
## Help and Discussion
4948

5049
The **[#redux channel](https://discord.gg/0ZcbPKXt5bZ6au5t)** of the **[Reactiflux Discord community](http://www.reactiflux.com)** is our official resource for all questions related to learning and using Redux. Reactiflux is a great place to hang out, ask questions, and learn - come join us!

‎website/core/Footer.js

Lines changed: 36 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,8 @@ const React = require('react')
99

1010
class Footer extends React.Component {
1111
docUrl(doc, language) {
12-
const baseUrl = this.props.config.baseUrl;
13-
return `${baseUrl}${language ? `${language}/` : ""}${doc}`;
12+
const baseUrl = this.props.config.baseUrl
13+
return `${baseUrl}${language ? `${language}/` : ''}${doc}`
1414
}
1515

1616
pageUrl(doc, language) {
@@ -34,9 +34,7 @@ class Footer extends React.Component {
3434
</a>
3535
<div>
3636
<h5>Docs</h5>
37-
<a href={this.docUrl("introduction/quick-start")}>
38-
Quick Start
39-
</a>
37+
<a href={this.docUrl('introduction/quick-start')}>Quick Start</a>
4038
<a href={this.docUrl('api')}>API Reference</a>
4139
</div>
4240
<div>
@@ -48,9 +46,7 @@ class Footer extends React.Component {
4846
>
4947
Stack Overflow
5048
</a>
51-
<a href="https://discord.gg/0ZcbPKXt5bZ6au5t">
52-
Discord
53-
</a>
49+
<a href="https://discord.gg/0ZcbPKXt5bZ6au5t">Discord</a>
5450
</div>
5551
<div>
5652
<h5>More</h5>
@@ -69,39 +65,49 @@ class Footer extends React.Component {
6965
</div>
7066
</section>
7167
<section className="copyright">
72-
{this.props.config.copyright}<br />
73-
Some icons copyright <a
68+
{this.props.config.copyright}
69+
<br />
70+
Some icons copyright{' '}
71+
<a
7472
href="https://fontawesome.com/license/free"
75-
style={{color : "white"}}
73+
style={{ color: 'white' }}
7674
>
77-
Font Awesome
78-
</a> and <a
79-
href="https://thenounproject.com"
80-
style={{color : "white"}}
81-
>
75+
Font Awesome
76+
</a>{' '}
77+
and{' '}
78+
<a href="https://thenounproject.com" style={{ color: 'white' }}>
8279
Noun Project
83-
</a> (<a
80+
</a>{' '}
81+
(
82+
<a
8483
href="https://thenounproject.com/term/snap/1984955/"
85-
style={{color : "white"}}
86-
>
84+
style={{ color: 'white' }}
85+
>
8786
Nate Gallagher
88-
</a>, <a
87+
</a>
88+
,{' '}
89+
<a
8990
href="https://thenounproject.com/term/brain/1551075/"
90-
style={{color : "white"}}
91-
>
91+
style={{ color: 'white' }}
92+
>
9293
BomSymbols
93-
</a>, <a
94+
</a>
95+
,{' '}
96+
<a
9497
href="https://thenounproject.com/term/bicep/1338504/"
95-
style={{color : "white"}}
96-
>
98+
style={{ color: 'white' }}
99+
>
97100
zidney
98-
</a>, <a
101+
</a>
102+
,{' '}
103+
<a
99104
href="https://thenounproject.com/term/checklist/437165//"
100-
style={{color : "white"}}
101-
>
105+
style={{ color: 'white' }}
106+
>
102107
David
103-
</a>)
104-
</section>
108+
</a>
109+
)
110+
</section>
105111
</footer>
106112
)
107113
}

‎website/pages/en/404.js

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,14 @@
1-
const React = require("react");
2-
const siteConfig = require(`${process.cwd()}/siteConfig.js`);
1+
const React = require('react')
2+
const siteConfig = require(`${process.cwd()}/siteConfig.js`)
33

44
class ErrorPage extends React.Component {
55
getTrackingScript() {
66
if (!siteConfig.gaTrackingId) {
7-
return null;
7+
return null
88
}
99

10-
return {__html:`
10+
return {
11+
__html: `
1112
ga('create', "${siteConfig.gaTrackingId}");
1213
ga('send', {
1314
hitType: 'event',
@@ -19,11 +20,11 @@ class ErrorPage extends React.Component {
1920
}
2021

2122
render() {
22-
const trackingScript = this.getTrackingScript();
23+
const trackingScript = this.getTrackingScript()
2324

2425
return (
2526
<div className="error-page">
26-
{trackingScript && <script dangerouslySetInnerHTML={trackingScript}/>}
27+
{trackingScript && <script dangerouslySetInnerHTML={trackingScript} />}
2728
<div className="error-message">
2829
<div className=" error-message-container container">
2930
<span>404 </span>
@@ -32,11 +33,10 @@ class ErrorPage extends React.Component {
3233
</div>
3334
</div>
3435
</div>
35-
);
36+
)
3637
}
3738
}
3839

39-
ErrorPage.title = "Page Not Found"
40+
ErrorPage.title = 'Page Not Found'
4041

41-
42-
module.exports = ErrorPage;
42+
module.exports = ErrorPage

‎website/pages/en/index.js

Lines changed: 57 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,11 @@ const React = require('react')
99

1010
const CompLibrary = require('../../core/CompLibrary.js')
1111

12-
const {MarkdownBlock, GridBlock, Container} = CompLibrary; /* Used to read markdown */
12+
const {
13+
MarkdownBlock,
14+
GridBlock,
15+
Container
16+
} = CompLibrary /* Used to read markdown */
1317

1418
const siteConfig = require(`${process.cwd()}/siteConfig.js`)
1519

@@ -18,13 +22,17 @@ function docUrl(doc, language) {
1822
}
1923

2024
function imgUrl(img) {
21-
return `${siteConfig.baseUrl}img/${img}`;
25+
return `${siteConfig.baseUrl}img/${img}`
2226
}
2327
class Button extends React.Component {
2428
render() {
2529
return (
2630
<div className="pluginWrapper buttonWrapper">
27-
<a className="button hero" href={this.props.href} target={this.props.target}>
31+
<a
32+
className="button hero"
33+
href={this.props.href}
34+
target={this.props.target}
35+
>
2836
{this.props.children}
2937
</a>
3038
</div>
@@ -44,17 +52,20 @@ const SplashContainer = props => (
4452
</div>
4553
)
4654

47-
4855
const ProjectTitle = () => (
4956
<React.Fragment>
50-
<div style={{display : "flex", justifyContent : "center", alignItems : "center"}}>
51-
<img src={"img/redux.svg"} alt="Redux logo" width={100} height={100}/>
57+
<div
58+
style={{
59+
display: 'flex',
60+
justifyContent: 'center',
61+
alignItems: 'center'
62+
}}
63+
>
64+
<img src={'img/redux.svg'} alt="Redux logo" width={100} height={100} />
5265
<h1 className="projectTitle">{siteConfig.title}</h1>
5366
</div>
5467

55-
<h2 style={{marginTop : "0.5em"}}>
56-
{siteConfig.tagline}
57-
</h2>
68+
<h2 style={{ marginTop: '0.5em' }}>{siteConfig.tagline}</h2>
5869
</React.Fragment>
5970
)
6071

@@ -74,7 +85,7 @@ class HomeSplash extends React.Component {
7485
<div className="inner">
7586
<ProjectTitle />
7687
<PromoSection>
77-
<Button href={docUrl("introduction/quick-start", language)}>
88+
<Button href={docUrl('introduction/quick-start', language)}>
7889
Get Started
7990
</Button>
8091
</PromoSection>
@@ -100,39 +111,58 @@ const Block = props => (
100111
background={props.background}
101112
className={props.className}
102113
>
103-
<GridBlock align="center" contents={props.children} layout={props.layout}/>
114+
<GridBlock align="center" contents={props.children} layout={props.layout} />
104115
</Container>
105-
);
116+
)
106117
const FeaturesTop = props => (
107118
<Block layout="fourColumn" className="featureBlock">
108119
{[
109120
{
110121
content: `Includes utilities to simplify common use cases like **store setup, creating reducers, immutable update logic**, and more.`,
111-
image : imgUrl("noun_snap_1984955.svg"),
122+
image: imgUrl('noun_snap_1984955.svg'),
112123
imageAlign: 'top',
113-
title: "Simple"
124+
title: 'Simple'
114125
},
115126
{
116-
content: "Provides **good defaults for store setup out of the box**, and includes **the most commonly used Redux addons built-in**.",
127+
content:
128+
'Provides **good defaults for store setup out of the box**, and includes **the most commonly used Redux addons built-in**.',
117129
image: imgUrl('noun_Brain_1551075.svg'),
118130
imageAlign: 'top',
119-
title: "Opinionated"
131+
title: 'Opinionated'
120132
},
121-
{ // .
133+
{
134+
// .
122135
content: `Takes inspiration from libraries like Immer and Autodux to let you **write "mutative" immutable update logic**, and even **create entire "slices" of state automatically**.`,
123136
image: imgUrl('noun_Bicep_1338504.svg'),
124137
imageAlign: 'top',
125-
title: "Powerful"
138+
title: 'Powerful'
126139
},
127140
{
128-
content: "Lets you focus on the core logic your app needs, so you can **do more work with less code**.",
141+
content:
142+
'Lets you focus on the core logic your app needs, so you can **do more work with less code**.',
129143
image: imgUrl('noun_Checklist_437165.svg'),
130144
imageAlign: 'top',
131-
title: "Effective"
145+
title: 'Effective'
146+
}
147+
]}
148+
</Block>
149+
)
150+
const OtherLibraries = props => (
151+
<Block layout="twoColumn" className="libBlock">
152+
{[
153+
{
154+
content: 'A predictable state container for JavaScript applications',
155+
title:
156+
'[Redux ![link2](img/external-link-square-alt-solid.svg)](https://redux.js.org) '
132157
},
158+
{
159+
content: 'Official React bindings for Redux',
160+
title:
161+
'[React-Redux ![link2](img/external-link-square-alt-solid.svg)](https://react-redux.js.org) '
162+
}
133163
]}
134164
</Block>
135-
);
165+
)
136166
class Index extends React.Component {
137167
render() {
138168
const language = this.props.language || ''
@@ -145,6 +175,12 @@ class Index extends React.Component {
145175
<Container background="light">
146176
<FeaturesTop />
147177
</Container>
178+
<Container>
179+
<h2 style={{ marginTop: '0.5em' }}>
180+
Other Libraries from the Redux Team
181+
</h2>
182+
<OtherLibraries />
183+
</Container>
148184
</div>
149185
</div>
150186
</div>

0 commit comments

Comments
 (0)