An example with react-helmet #1264

cia48621793 · 2017-02-24T06:12:41Z

No description provided.

sergiodxa · 2017-02-24T06:14:59Z

examples/with-react-helmet/.babelrc

@@ -0,0 +1,5 @@
+{
+  "presets": [
+    "next/babel"


You should not need .babelrc if you are going to only add next/babel

Bloody hell, it was hidden in the finder!

cia48621793 · 2017-02-24T06:24:35Z

Looks like I'm not a Javascript standard stylist. Hang on for a while, I will change my format.

cia48621793 · 2017-02-24T06:45:50Z

That should do it.

HaNdTriX · 2017-02-24T11:11:20Z

What are the advantages compared to next/head?

sedubois · 2017-02-24T11:12:17Z

The .DS_Store files shouldn't be there

iamstarkov · 2017-02-24T11:47:55Z

@HaNdTriX if you want to update title or any other head related stuff dynamically react-helmet is a good fit and i cant see how do one achieve the same with next/head

mistakenelf · 2017-02-24T14:19:08Z

To update the page title just put a prop on a header component and set the title based on that.

iamstarkov · 2017-02-24T14:29:39Z

@knipferrc yeah, and then i want to change dynamically when lets say i got response from the server: react-helmet allows that, next/head doesnt

cia48621793 · 2017-02-24T14:30:58Z

@knipferrc
react-helmet preserves states but next/head does not, and next/head is producing persistent elements.

timneutkens

Please remove the .DS_Store files. You can add them to your global gitignore. Here's an article on how to do that after you remove them here 😄 https://help.github.com/articles/ignoring-files/#create-a-global-gitignore

timneutkens · 2017-02-24T21:53:07Z

examples/with-react-helmet/package.json

+  "dependencies": {
+    "next": "^2.0.0-beta",
+    "react": "^15.4.2",
+    "react-bootstrap": "^0.30.7",


This seems to be an unused dependency 🤔

timneutkens · 2017-02-24T21:55:46Z

examples/with-react-helmet/package.json

+    "react-dom": "^15.4.2",
+    "react-helmet": "^4.0.0"
+  }
+}


Please add author license and version to be consistent with https://github.com/zeit/next.js/blob/master/examples/basic-css/package.json#L14-L15

timneutkens · 2017-02-25T08:04:08Z

examples/with-react-helmet/.gitignore

@@ -0,0 +1,3 @@
+**/yarn.lock


Please use global gitignore for these.

timneutkens · 2017-02-25T09:17:33Z

examples/with-react-helmet/.gitignore

@@ -1,3 +1,2 @@
-**/yarn.lock
 node_modules/


I meant all of them 😅 Sorry was on my phone then.

cia48621793 · 2017-02-25T09:23:49Z

I didn't see any usage of 'next/css' in my PR, collabs check please.

timneutkens · 2017-02-25T11:10:29Z

It's a test time-out. Not related to this PR

timneutkens · 2017-02-25T11:30:18Z

examples/with-react-helmet/.gitignore

@@ -0,0 +1,2 @@
+node_modules/


Please remove the whole .gitignore

Because the parent .gitignore already takes care of ignoring node_modules. As for ignoring the .DS_Store, you could put it in your own ~/.gitignore_global as it's specific to your system (after having removed the files from this PR).

yarn.lock is also caught by the .gitignore in the examples directory btw.

timneutkens

Thanks!

* Add better hash URL support. (vercel#1250) * Add better hash URL support. 1. Add scrolling to given id related to hash 2. Hash changes won't trigger getInitialProps * Add some comments. * Fix tests. * Add some test cases. * Fire the route cancel event only when needed. (vercel#1316) Earlier we do it for every route change. * Update Koa example for Koa 2 with async/await (vercel#1317) * Release 2.0.0-beta.36 * Update prefetch docs and mention it's production only. (vercel#1324) * fix(package): update friendly-errors-webpack-plugin to version 1.6.0 (vercel#1320) https://greenkeeper.io/ * chore(package): update standard to version 9.0.0 (vercel#1318) https://greenkeeper.io/ * Example with next-routes (vercel#1290) * Example with next-routes * optimize description * rename to with-next-routes * Throw Error when url.parse without true is parsed (vercel#1282) * Throw Error when url.parse without true is parsed This is a bit more descriptive when this mistake is made by the user. * Parse when needed * Parse querystring if it is not provided * With global stylesheet paths (vercel#1327) * with-global-stylesheet without relative paths and with node_modules * a parenthetical remark about material-components-web not being part of the example * Revert "Update friendly-errors-webpack-plugin to the latest version 🚀" (vercel#1328) * chore(package): update husky to version 0.13.2 (vercel#1330) https://greenkeeper.io/ * Fixed some problems with standard (vercel#1331) * Remove unused webpack import in flyfile.js (vercel#1332) * Fix linting errors in standard 9.0 (vercel#1333) * Fix linting errors in standard 9.0 * Update lockfile * fix(package): update unfetch to version 2.1.2 (vercel#1338) https://greenkeeper.io/ * Add a global Promise polyfill. (vercel#1344) * Add a global Promise polyfill. This is because Webpack2 depends on it. * Change the polyfill location. * Add default entries to main.js (vercel#1343) So, we don't need to add them to individual pages. This also fix the issue where, error pages doesn't ping the server. * chore(package): update cross-env to version 3.2.0 (vercel#1348) https://greenkeeper.io/ * Implement preact/inferno SSR (vercel#1346) * Use module-alias to alias preact server side * Use module-alias to alias inferno server side * Remove unneeded routes example * postcss-loader, postcss-easy-import, normalize.css and autoprefixer (vercel#1352) * Add missing ! in using-preact example (vercel#1355) (vercel#1356) * Revert "Update cross-env to the latest version 🚀" (vercel#1358) * Introducing Shallow Routing (vercel#1357) * Simplify route info handling. * Add basic resolve=false support. * Make sure to render getInitialProps always if it's the first render. * Change resolve=false to shallow routing. * Add test cases for shallow routing. * Update README for shallow routing docs. * Update docs. * Update docs. * Update docs. * Update readme.md * fix(package): update loader-utils to version 1.0.3 (vercel#1361) https://greenkeeper.io/ * fix(package): update babel-loader to version 6.4.0 (vercel#1359) https://greenkeeper.io/ * Disable uglify the pretty way (vercel#1351) * fix(package): update send to version 0.15.1 (vercel#1350) https://greenkeeper.io/ * Shallow routing changes (vercel#1363) * Fix a typo in a test suite. * Add old props.url API with warn for all tags. * Update README.md (vercel#1368) Fix graph.cool link in example * Add content based HASH to main.js and common.js (vercel#1336) * Use file hashes instead of BUILD_ID. Now JSON pages also not prefixed with a hash and doesn't support immutable caching. Instead it supports Etag bases caching. * Remove appUpdated Router Events hook. Becuase now we don't need it because there's no buildId validation. * Remove buildId generation. * Turn off hash checks in the dev mode. * Update tests. * Revert "Remove buildId generation." This reverts commit fdd36a5. * Bring back the buildId validation. * Handle buildId validation only in production. * Add BUILD_ID to path again. * Remove duplicate immutable header. * Fix tests. * update yarn * send credentials when fetching new route (vercel#1371) * [WIP] Improve test setup (vercel#1372) * Run tests serially. * Make test result verbose. * Don't wait until closing the browser. * Add some debug logs. * Add bailing support. * Get the browser with a timeout. * Add some comments. * Remove istanbul babel tranformation. Jest already do it and it's breaking our coveralls hit. * Add beforeHistoryChange router event. (vercel#1360) * Fix styled-components server-render example (vercel#1382) * Fix typo (vercel#1380) port 300 -> 3000 * fix(package): update write-file-webpack-plugin to version 4.0.0 (vercel#1383) https://greenkeeper.io/ * chore(package): update chromedriver to version 2.28.0 (vercel#1386) https://greenkeeper.io/ * Ping to on-demand-entries on every page change. (vercel#1384) This will prevent disposing the page after viewing it. Otherwise, it'll possible to dispose the page even we load the page on the client. * Add support for URL objects in Link and Router (vercel#1345) * Add support for URL objects in Link and Router * Fix typo in comment * Fix possible bug if the `href` prop is `null` * Document the usage of URL objects in Link and Router * Update readme.md * Parse URL to get the host & hostname in `isLocal` This should check if the current location and the checked URL have the same `host` or `hostname`. * Format `as` parameter from object to string if required * Format `href` and `as` inside the construct and componentWillReceiveProps * Use `JSON.stringify` to compare objects * Add usage example * chore(package): update chromedriver to version 2.28.0 (vercel#1386) https://greenkeeper.io/ * Refactor the codebase a bit. * Change the example name. * Add a few test cases. * Add the example to the README. * Updated with-apollo example. (vercel#1389) - Deleted several unused dependencies. - Updated dependencies. - Simplified Apollo related imports thanks to react-apollo exporting apollo-client and graphql-tag since [v0.13.2](https://github.com/apollographql/react-apollo/blob/master/Changelog.md#0132). - Tidied the readme and added a link to the Apollo docs. * Use a private Router event API for the ondemand-pinger. (vercel#1397) * Use mitt instead of EventEmitter. (vercel#1398) EventEmitter is quite bit and mitt is a pretty good/small replacement. * Use mitt instead of EventEmitter for the client HMR (vercel#1399) error handling. * fix(package): update babel-plugin-transform-es2015-modules-commonjs to version 6.24.0 (vercel#1400) https://greenkeeper.io/ * chore(package): update husky to version 0.13.3-0 (vercel#1395) https://greenkeeper.io/ * chore(package): update babel-preset-es2015 to version 6.24.0 (vercel#1401) https://greenkeeper.io/ * fix(package): update babel-preset-latest to version 6.24.0 (vercel#1402) https://greenkeeper.io/ * fix(package): update babel-generator to version 6.24.0 (vercel#1404) https://greenkeeper.io/ * fix(package): update babel-core to version 6.24.0 (vercel#1403) https://greenkeeper.io/ * Release 2.0.0-beta.37 * fix(package): update source-map-support to version 0.4.12 (vercel#1405) https://greenkeeper.io/ * Examples: Update Inferno & Preact (vercel#1407) * clean & bump inferno & preact pkgs * reenable UglifyJS for preact * chore(package): update fly-esnext to version 2.0.1 (vercel#1408) https://greenkeeper.io/ * fix(package): update loader-utils to version 1.0.4 (vercel#1411) https://greenkeeper.io/ * chore(package): update cross-env to version 3.2.4 (vercel#1417) https://greenkeeper.io/ * Remove patch-react.js (vercel#1420) This is a pretty complex code base and it cause issues for some React components. And React/fiber is coming with a proper solution. * Release 2.0.0-beta.38 * Upgrade styled-components. Fixes vercel#1416 (vercel#1422) * Update with-apollo example (vercel#1394) * Add minimal apollo example * Update apollo example README * Update apollo example demo link in README * Fix button styles * Fix show more button * Alias demo url * Include the data field on the Apollo store when hydrating * Revert * Include the data field on the Apollo store when hydrating per tpreusse's suggestion. * Add example to faq section in README * Sort by newest; Add active state to buttons * Make optimization suggestions * Use process.browser; inline props * Pass wrapped component's initial props into component heirarchy if they exist * Remove unnecessary sorting of array * Update Apollo example * Remove trailing comma * Update reduxRootKey * Remove unnecessary babelrc * Update with-apollo example - Remove use of deprecated 'reduxRootKey' option - Add loading indicator inside pagination button * Add/link replace (vercel#1419) * Using developit/unfetch as the Fetch API polyfill * Added the replace prop into the Link component * Added integration test for replace prop on Link component * Use jsonPageRes instead of xhr (vercel#1424) * Add reference to deployment wiki page (vercel#1423) * Fix deployment wiki link. * Fix typo in README (vercel#1427) `routing`not `routig` * Example to create next application with scoped/external css. (vercel#1340) * First structure for external css example * Remove: Builded files * Fix: Identation to 2 spaces * Fix example * Fix lint * Fix: Review points * An example with react-helmet (vercel#1264) * upload example * fix * fix * fix * fix .babelrc * fix standard style * fix indent * rename helmetHead to helmet * added gitignore * package.json * removed yarn.lock * Added more examples of using react-helmet * removed gitignore * [POC] Pretty url routing (vercel#1001) * [example] with pretty url routing * use single quotes even in React components * improve Link import * examples: add `svg-components` (vercel#982) * Remove .DS_Store file from helmet example (vercel#1435) * Document babel caching (vercel#1432) * Update readme to reflect latest changes * Remove deprecated methods

Steve Fan added 3 commits February 24, 2017 14:06

upload example

94ad64b

fix

34b418b

fix

fae8058

cia48621793 mentioned this pull request Feb 24, 2017

Unable to use with react-helmet #1246

Closed

sergiodxa reviewed Feb 24, 2017

View reviewed changes

Steve Fan added 2 commits February 24, 2017 14:19

fix

4309a55

fix .babelrc

b72e285

Steve Fan added 3 commits February 24, 2017 14:26

fix standard style

f345503

fix indent

4f51755

rename helmetHead to helmet

8a7b358

timneutkens requested changes Feb 24, 2017

View reviewed changes

timneutkens reviewed Feb 24, 2017

View reviewed changes

Steve Fan added 2 commits February 25, 2017 07:55

added gitignore

49376e8

package.json

d6c263c

timneutkens reviewed Feb 25, 2017

View reviewed changes

examples/with-react-helmet/.gitignore Outdated

@@ -0,0 +1,3 @@

**/yarn.lock

Copy link

Member

timneutkens Feb 25, 2017

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please use global gitignore for these.

Steve Fan added 2 commits February 25, 2017 17:00

removed yarn.lock

75428ff

Added more examples of using react-helmet

a66dfd4

timneutkens reviewed Feb 25, 2017

View reviewed changes

removed gitignore

82dd379

timneutkens approved these changes Feb 26, 2017

View reviewed changes

timneutkens added the examples Issue/PR related to examples label Feb 27, 2017

timneutkens merged commit a57fa7e into vercel:master Mar 15, 2017

HaNdTriX mentioned this pull request Mar 15, 2017

Remove .DS_Store file from helmet example #1435

Merged

lock bot locked as resolved and limited conversation to collaborators Jan 18, 2019

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

An example with react-helmet #1264

An example with react-helmet #1264

cia48621793 commented Feb 24, 2017

sergiodxa Feb 24, 2017

cia48621793 Feb 24, 2017

cia48621793 commented Feb 24, 2017 •

edited

Loading

cia48621793 commented Feb 24, 2017

HaNdTriX commented Feb 24, 2017

sedubois commented Feb 24, 2017

iamstarkov commented Feb 24, 2017

mistakenelf commented Feb 24, 2017

iamstarkov commented Feb 24, 2017

cia48621793 commented Feb 24, 2017

timneutkens left a comment

timneutkens Feb 24, 2017

timneutkens Feb 24, 2017

timneutkens Feb 25, 2017

timneutkens Feb 25, 2017 •

edited

Loading

cia48621793 commented Feb 25, 2017

timneutkens commented Feb 25, 2017

timneutkens Feb 25, 2017

cia48621793 Feb 25, 2017

sedubois Feb 25, 2017

timneutkens Feb 25, 2017

timneutkens left a comment

An example with react-helmet #1264

An example with react-helmet #1264

Conversation

cia48621793 commented Feb 24, 2017

Choose a reason for hiding this comment

Choose a reason for hiding this comment

cia48621793 commented Feb 24, 2017 • edited Loading

cia48621793 commented Feb 24, 2017

HaNdTriX commented Feb 24, 2017

sedubois commented Feb 24, 2017

iamstarkov commented Feb 24, 2017

mistakenelf commented Feb 24, 2017

iamstarkov commented Feb 24, 2017

cia48621793 commented Feb 24, 2017

timneutkens left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

timneutkens Feb 25, 2017 • edited Loading

Choose a reason for hiding this comment

cia48621793 commented Feb 25, 2017

timneutkens commented Feb 25, 2017

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

timneutkens left a comment

Choose a reason for hiding this comment

cia48621793 commented Feb 24, 2017 •

edited

Loading

timneutkens Feb 25, 2017 •

edited

Loading