diff --git a/content/blog/2014-09-24-testing-flux-applications.md b/content/blog/2014-09-24-testing-flux-applications.md index 0986c7653..5721e3b42 100644 --- a/content/blog/2014-09-24-testing-flux-applications.md +++ b/content/blog/2014-09-24-testing-flux-applications.md @@ -17,7 +17,7 @@ The first steps toward working with Jest are as follows: 1. Get the module dependencies for the application installed by running `npm install`. 2. Create a directory `__tests__/` with a test file, in this case TodoStore-test.js -3. Run `npm install jest-cli 鈥攕ave-dev` +3. Run `npm install jest-cli --save-dev` 4. Add the following to your package.json ```javascript diff --git a/content/blog/2018-10-01-create-react-app-v2.md b/content/blog/2018-10-01-create-react-app-v2.md index 31a7e16b9..c35e90106 100644 --- a/content/blog/2018-10-01-create-react-app-v2.md +++ b/content/blog/2018-10-01-create-react-app-v2.md @@ -25,7 +25,7 @@ Here's a short summary of what's new in this release: * 馃儚 We updated to [Jest 23](https://jestjs.io/blog/2018/05/29/jest-23-blazing-fast-delightful-testing.html), which includes an [interactive mode](https://jestjs.io/blog/2018/05/29/jest-23-blazing-fast-delightful-testing#interactive-snapshot-mode) for reviewing snapshots. * 馃拕 We added [PostCSS](https://preset-env.cssdb.org/features#stage-3) so you can use new CSS features in old browsers. * 馃拵 You can use [Apollo](https://github.com/leoasis/graphql-tag.macro#usage), [Relay Modern](https://github.com/facebook/relay/pull/2171#issuecomment-411459604), [MDX](https://github.com/facebook/create-react-app/issues/5149#issuecomment-425396995), and other third-party [Babel Macros](https://babeljs.io/blog/2017/09/11/zero-config-with-babel-macros) transforms. -* 馃尃 You can now [import an SVG as a React component](https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-svgs), and use it in JSX. +* 馃尃 You can now [import an SVG as a React component](https://facebook.github.io/create-react-app/docs/adding-images-fonts-and-files#adding-svgs), and use it in JSX. * 馃悎 You can try the experimental [Yarn Plug'n'Play mode](https://github.com/yarnpkg/rfcs/pull/101) that removes `node_modules`. * 馃暩 You can now [plug your own proxy implementation](https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#configuring-the-proxy-manually) in development to match your backend API. * 馃殌 You can now use [packages written for latest Node versions](https://github.com/sindresorhus/ama/issues/446#issuecomment-281014491) without breaking the build. diff --git a/content/blog/2019-02-06-react-v16.8.0.md b/content/blog/2019-02-06-react-v16.8.0.md index 3af12da7d..ef7641fb2 100644 --- a/content/blog/2019-02-06-react-v16.8.0.md +++ b/content/blog/2019-02-06-react-v16.8.0.md @@ -140,10 +140,10 @@ Assuming you already have ESLint installed, run: ```sh # npm -npm install eslint-plugin-react-hooks@next --save-dev +npm install eslint-plugin-react-hooks --save-dev # yarn -yarn add eslint-plugin-react-hooks@next --dev +yarn add eslint-plugin-react-hooks --dev ``` Then add it to your ESLint configuration: diff --git a/content/community/articles.md b/content/community/articles.md index 7ac99209e..53586fe30 100644 --- a/content/community/articles.md +++ b/content/community/articles.md @@ -10,7 +10,7 @@ permalink: community/articles.html - [9 things every React.js beginner should know](https://camjackson.net/post/9-things-every-reactjs-beginner-should-know) - Cam Jackson's guide for beginners. - [React "Aha" Moments](https://tylermcginnis.com/react-aha-moments/) - Tyler McGinnis' article on his collection of "Aha" moments with React. - [You're missing the point of React](https://medium.com/@dan_abramov/youre-missing-the-point-of-react-a20e34a51e1a) - Dan Abramov's article about the best parts of React. -- [Timeline for Learning React](https://daveceddia.com/timeline-for-learning-react/) - Dave Ceddia's reccommended timeline for learning React and the React ecosystem. +- [Timeline for Learning React](https://daveceddia.com/timeline-for-learning-react/) - Dave Ceddia's recommended timeline for learning React and the React ecosystem. - [Simple React Development in 2017](https://hackernoon.com/simple-react-development-in-2017-113bd563691f) - Joshua Comeau's guide to showcase how easy it can be to start modern React development. - [React FAQ](https://reactfaq.site/) - An external site with articles that try to answer frequently asked questions about React. - [Visual Guide to State in React](https://daveceddia.com/visual-guide-to-state-in-react/) - Dave Ceddia's visual guide to React state. diff --git a/content/community/conferences.md b/content/community/conferences.md index 40362cb97..805a82b86 100644 --- a/content/community/conferences.md +++ b/content/community/conferences.md @@ -12,7 +12,12 @@ Do you know of a local React.js conference? Add it here! (Please keep the list c ## Upcoming Conferences {#upcoming-conferences} -### ReactJS Girls Conference {#reactjs-girls-conference} +### React Finland 2019 {#react-finland-2019} +April 24-26 in Helsinki, Finland + +[Website](https://react-finland.fi/) - [Twitter](https://twitter.com/ReactFinland) + +### ReactJS Girls Conference May 3, 2019 in London, UK [Website](https://reactjsgirls.com/) - [Twitter](https://twitter.com/reactjsgirls) diff --git a/content/docs/add-react-to-a-website.md b/content/docs/add-react-to-a-website.md index 625245bee..ff511ba96 100644 --- a/content/docs/add-react-to-a-website.md +++ b/content/docs/add-react-to-a-website.md @@ -150,7 +150,7 @@ Lubi臋 to! Te dwa fragmenty kodu dzia艂aj膮 w ten sam spos贸b. Mimo i偶 **sk艂adnia JSX jest [ca艂kowicie opcjonalna](/docs/react-without-jsx.html)**, wiele os贸b uwa偶a, 偶e jest pomocna przy pisaniu kodu dla UI -- zar贸wno w Reakcie, jak i z innymi bibliotekami. -Mo偶esz wypr贸bowa膰 sk艂adni臋 JSX korzystaj膮c z [tego konwertera online](http://babeljs.io/repl#?babili=false&browsers=&build=&builtIns=false&spec=false&loose=false&code_lz=Q&debug=false&forceAllTransforms=false&shippedProposals=false&circleciRepo=&evaluate=false&fileSize=false&sourceType=module&lineWrap=true&presets=es2015%2Creact%2Cstage-2%2Cstage-3&prettier=true&targets=Node-6.12&version=6.26.0&envVersion=). +Mo偶esz wypr贸bowa膰 sk艂adni臋 JSX korzystaj膮c z [tego konwertera online](https://babeljs.io/en/repl#?babili=false&browsers=&build=&builtIns=false&spec=false&loose=false&code_lz=DwIwrgLhD2B2AEcDCAbAlgYwNYF4DeAFAJTw4B88EAFmgM4B0tAphAMoQCGETBe86WJgBMAXJQBOYJvAC-RGWQBQ8FfAAyaQYuAB6cFDhkgA&debug=false&forceAllTransforms=false&shippedProposals=false&circleciRepo=&evaluate=false&fileSize=false&timeTravel=false&sourceType=module&lineWrap=true&presets=es2015%2Creact%2Cstage-2&prettier=false&targets=&version=7.4.3). ### Szybki test sk艂adni JSX {#quickly-try-jsx} diff --git a/content/docs/create-a-new-react-app.md b/content/docs/create-a-new-react-app.md index 64fb1ad0e..563402f9c 100644 --- a/content/docs/create-a-new-react-app.md +++ b/content/docs/create-a-new-react-app.md @@ -54,7 +54,7 @@ npm start Create React App nie obs艂uguje ani logiki backendu ani baz danych; tworzy jedynie frontendowy potok budowania (ang. *build pipeline*). Dzi臋ki temu mo偶esz go u偶ywa膰 z dowolnie wybranym przez siebie backendem. Create React App zawiera narz臋dzia takie jak [Babel](http://babeljs.io/) i [webpack](https://webpack.js.org/), ale nie musisz nic o nich wiedzie膰, aby z powodzeniem u偶ywa膰 ich w swoich projektach. -Kiedy uznasz, 偶e twoja aplikacja jest gotowa do wdro偶enia do 艣rodowiska produkcyjnego, zastosuj komend臋 `npm run build`. Dzi臋ki temu uzyskasz zoptymalizowan膮 wersj臋 swojej aplikacji. Znajdziesz j膮 w folderze `build`. Wi臋cej informacji na temat Create React App znajdziesz w [pliku README](https://github.com/facebookincubator/create-react-app#create-react-app-) oraz w tym [Przewodniku u偶ytkownika](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#table-of-contents). +Kiedy uznasz, 偶e twoja aplikacja jest gotowa do wdro偶enia do 艣rodowiska produkcyjnego, zastosuj komend臋 `npm run build`. Dzi臋ki temu uzyskasz zoptymalizowan膮 wersj臋 swojej aplikacji. Znajdziesz j膮 w folderze `build`. Wi臋cej informacji na temat Create React App znajdziesz w [pliku README](https://github.com/facebookincubator/create-react-app#create-react-app--) oraz w tym [Przewodniku u偶ytkownika](https://facebook.github.io/create-react-app/). ### Next.js {#nextjs} diff --git a/content/docs/getting-started.md b/content/docs/getting-started.md index 1ef092c35..e18e5cc42 100644 --- a/content/docs/getting-started.md +++ b/content/docs/getting-started.md @@ -115,7 +115,7 @@ Ta sekcja dokumentacji mo偶e okaza膰 si臋 przydatna, je艣li chcesz dowiedzie膰 s Mo偶esz obserwowa膰 [konto @reactjs](https://twitter.com/reactjs) na Twitterze, jednak nie ominie ci臋 nic wa偶nego, je艣li b臋dziesz 艣ledzi膰 jedynie bloga. -Nie ka偶de nowe wydanie Reacta wymaga osobnego posta na blogu, jednak informacje o ka偶dym wydaniu zawsze trafiaj膮 do [pliku `CHANGELOG.md` w repozytorium Reacta](https://github.com/facebook/react/blob/master/CHANGELOG.md) +Nie ka偶de nowe wydanie Reacta wymaga osobnego posta na blogu, jednak informacje o ka偶dym wydaniu zawsze trafiaj膮 do [pliku `CHANGELOG.md` w repozytorium Reacta](https://github.com/facebook/react/blob/master/CHANGELOG.md), a tak偶e w zak艂adce [Wydania](https://github.com/facebook/react/releases). ## Dokumentacje wersji {#versioned-documentation} diff --git a/content/docs/hooks-rules.md b/content/docs/hooks-rules.md index 32c7de57d..b02b5317c 100644 --- a/content/docs/hooks-rules.md +++ b/content/docs/hooks-rules.md @@ -28,7 +28,7 @@ Przestrzegaj膮c tej zasady, upewniasz si臋, 偶e ca艂a logika zwi膮zana ze stanem Wydali艣my wtyczk臋 dla ESLinta o nazwie [`eslint-plugin-react-hooks`](https://www.npmjs.com/package/eslint-plugin-react-hooks), kt贸ra wymusza stosowanie tych dw贸ch zasad. Je艣li chcesz j膮 wypr贸bowa膰, mo偶esz doda膰 j膮 do swojego projektu w nast臋puj膮cy spos贸b: ```bash -npm install eslint-plugin-react-hooks +npm install eslint-plugin-react-hooks --save-dev ``` ```js diff --git a/content/docs/reference-react.md b/content/docs/reference-react.md index de5828351..69b70227f 100644 --- a/content/docs/reference-react.md +++ b/content/docs/reference-react.md @@ -198,7 +198,7 @@ Powy偶szy interfejs API zast膮pi艂 przestarza艂膮 funkcj臋 `React.addons.cloneWi React.createFactory(type) ``` -Zwraca funkcj臋, kt贸ra tworzy reaktowy element danego typu. Tak jak [`React.createElement()`](#createElement), argument `type`, mo偶e by膰 zar贸wno nazw膮 znacznika HTML (np. `'div'` lub `'span'`), [komponentem reactowym](/docs/components-and-props.html) (klas膮 lub funkcj膮) lub [fragmentem reactowym](#reactfragment). +Zwraca funkcj臋, kt贸ra tworzy reaktowy element danego typu. Tak jak [`React.createElement()`](#createelement), argument `type`, mo偶e by膰 zar贸wno nazw膮 znacznika HTML (np. `'div'` lub `'span'`), [komponentem reactowym](/docs/components-and-props.html) (klas膮 lub funkcj膮) lub [fragmentem reactowym](#reactfragment). Ta funkcja pomocnicza jest uznawana za przestarza艂膮 i radzimy korzysta膰 z JSX lub bezpo艣rednio z `React.createElement()`. diff --git a/src/pages/index.js b/src/pages/index.js index f4a62f6c8..f575e1ad8 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -62,7 +62,7 @@ class Home extends Component {
- + Rozpocznij @@ -313,8 +322,6 @@ Home.propTypes = { const CtaItem = ({children, primary = false}) => (
( '&:first-child': { textAlign: 'right', - paddingRight: 15, + paddingRight: 7, + paddingLeft: 7, + [media.lessThan('small')]: { + marginBottom: 10, + }, }, '&:nth-child(2)': { + paddingRight: 7, + paddingLeft: 7, [media.greaterThan('small')]: { paddingLeft: 15, }, + [media.lessThan('small')]: { + marginBottom: 10, + }, }, }}> {children}