* [refactor] with-apollo-and-redux: 2.0.0
- This ports over `with-apollo` (w/ recent `withRouter` fix and addition
for Post) along with implementing `apollo-cache-redux` #3463
- The `redux` side of things is lacking (it is the *same* as the
original example)
- Created a `routes.js` for use on Server and Client Side (to expand the
PostList functionality)
- SSR is maintained
- Redid the "PostVote" a bit... sorry. 😬️
Possible todo(s):
- Add in API and Clock Examples from `with-redux` to show Apollo and
Redux working together a bit more
- redux-saga (I personally use this, may be too opinionated for the base
example though)
Packages updated:
- apollo-cache-redux
- apollo-client-preset
- graphql
- graphql-anywhere
- graphql-tag
- isomorphic-unfetch
- next-routes
- prop-types
- react
- react-apollo
- react-dom
- redux
* [refactor] fix linting issues
When I run `yarn lint` explicitly these were caught, but not doing a
build proper. Apologies on that!
* [chore] 📦️ package.json: like other examples
* [refactor] +apollo-cache-inmemory, -apollo-cache-redux
Separation of Apollo and Redux. 😄️
We could stand to use a few actual examples of Redux, though this is a
good starting block.
Some other code cleanup as well.
* Always fetch pages with '.js' extention from client side.
* Load error page always from _error.js rather _error/index.js
* Load pages from page.js instead of page/index.js from the client for static exports.
* Update index.js
* Simplify the path re-write logic in the webpack pages-plugin.
* Pulled encoding to top of head (#3214)
* Remove next.d.ts to use @types/next (#3297)
* Add with-mobx-state-tree example (#3179)
* Adapt with-mobx example for with-mobx-state-tree
* Remove unnecessary lastUpdate parameter to show off snapshot
* update readme
* make other.js more closely mimic index.js
* Upgrade styled-jsx to v2.2.1
Includes some bug fixes.
* Fix linting
The serverState variable definition did not include the data node, which
may cause parsing errors on the client-side.
- add data: { } on line 23 within the apollo: { } object
* Adapt with-mobx example for with-mobx-state-tree
* Remove unnecessary lastUpdate parameter to show off snapshot
* update readme
* make other.js more closely mimic index.js
* Updated for Apollo 2.0
* Updated for commit: ccb188a
* Simplified serverState
Updated with danistefanovic's comment. Looks better.
* Revert "Simplified serverState"
This reverts commit 1b543a35909dcfe401c753cb2f71760180087057.
* Simplified server
Updated with Statedanistefanovic's comment.
getToken is now deprecated, you'll get the following message if using the previous code:
firebase.User.prototype.getToken is deprecated. Please use firebase.User.prototype.getIdToken instead.
Prior to react-apollo 2.0 createNetworkInterface accepted the credentials option in {opt: {credentials: 'policy'}}. HttpLink accepts it as {credentials: 'policy'}.
This has never been working, we based our intl + locale lookups out of this example and found out when translations wasn't working on page transitions due to the fact that messages gets set to undefined because its trying to destruct in the incorrect level
* example with-noscript use next@latest
* fix : example/with-noscript react-dom/server usage
Since the update to react ^16.0.0 react-dom import location has changed
* [fix] with-apollo: Cannot read property 'data'
When we create the initial serverState, we need to create the
eventual construct of the Apollo Data to reside within
Later in the constructor this allows for the initApollo to either
be generated from SSR, or to init from scratch.
Fixes
> Cannot read property 'data' of undefined
> TypeError: Cannot read property 'data' of undefined
* [refactor] with-apollo: reduce init `serverState`
No need to explicitly set `data` as empty.
This trims up 4 lines. 😀️
* Updated dependencies related to Apollo and React.
* Updated libs with Apollo 2 new set of modules.
* Updated to Apollo 2 react integration modules.
* Updated withData to separate apollo state from the app's state.
* Updated dependencies related to Apollo and React.
* Updated libs with Apollo 2 new set of modules.
* Updated to Apollo 2 react integration modules.
* Updated withData to separate apollo state from the app's state.
* [chore] styled-jsx-plugin-sass@0.2.0, show dynamic
styled-jsx-plugin-sass had an update that now allows for sass and
dynamic to live together.
This updates that package and updates the example slightly to show how.
* [fix] errant space in styled-jsx-scss example
* Make styled-jsx configurable
* Add styled-jsx-plugin-postcss example
* Add styled-jsx 2.1.0 with plugins support
* Move examples around and add description
* Add link to new example
* Update babel-preset.js
As './dist/server/build/babel/preset' now return a function, in this example we need to first call the function and after that replace styled-jsx
* linting issues solved
* don't fetch messages server-side if user is not found
Currently, the component always fetch everything under '/messages' even if the user is not authenticated on the server side. Update it to not fetch if the user is not found as a better example on handling.
* fix lint error
* emotion v8 + adjustments for breaking changes
* Corrected versioning
* Take hydrate from 'react-emotion'
I was actually wondering that, but haven't seen hydrate in the medium post (even though you pointed out that react-emotion exports all of emotion and I've seen it in source) and didn't want to risk it for the off chance that it *should* be imported directly from emotion for some reason :D
* Configurable opts for babel-preset-env + babel-plugin-transform-runtime
This adds `preset-env` and `transform-runtime` options to the
`next/babel` Babel preset, which are then passed through to those
presets and transforms. This allows configuration to keep next.js
from the default 'maximum' transform, and instead use built-in
implementations of globals, classes, async, and other commonly-supported
features.
Fixes#2989
* Use spread notation instead of Object.assign
* Git ignore with-reasonml/lib folder
The lib folder contains code generated by BuckleScript, it shouldn't be
versioned.
* Fix, case sensitive paths
Next.js use case-sensitive-paths-webpack-plugin and BuckleScript tries
to maintain the filename case.
* Refactor, use a .babelrc file instead of a babel config in package.json
This is the official recommended way in Next.js
* Enable way, way, waaaay nicer error messages!
Adds `"bsc-flags": ["-bs-super-errors"]` to the bsconfig.json file.
https://reasonml.github.io/community/blog/#way-way-waaaay-nicer-error-messages
* Fix npm scripts & use concurrently to run bsb & next in parallel for dev
* Upgrade bs-platform
* Replace statefulComponent with new reducerComponent
https://github.com/reasonml/reason-react/blob/master/HISTORY.md#024
* Upgrade with-reasonml example to next.js 3
* Define dependencies & NPM stuff for the example
* Setup Babel preset
* Add sources of working version of example
* Indicate ajax loading state
* Add readme file
* Remove unneeded .babelrc
* Corrected dependencies for the preact example. Require react and react-dom
* Corrected dependencies for the inferno example. Require react and react-dom
* Add withRoute HOC
Rebased (squashed)
- removed routerToProps
- updated hoist-non-react-statics
- improved propTypes
* Expose the whole Router instead of the route.
* Make the example simple.
* Update examples and the readme.
* Add a test case.
* Add examples/with-redux-code-splitting. (#2721)
* #1757 Relay Modern Example (#2696)
* Add ReasonML example (#2640)
* Add ReasonML example
* Add a gitignore specifically for the reasonml example
* Allow custom className for <Main /> (#2802)
* 3.0.2
* Remove beta information from the README.
* 3.0.3
* Remove unnecessary lookup in example with emotion (#2731)
* Document SCSS/Less (#2742)
* Document SCSS/Less
* Add missing word
* Add docs for examples dir
* Add extra example
* uppercase J
* Add with pkg example (#2751)
* Add custom server micro example (#2750)
* Ease running multiple examples at the same time with process.env.PORT (#2753)
* Add line-height rule for error page h2 (#2761)
* Add support for fetching multiple translation files (#2743)
* Add support for fetching multiple translation files
* Cleanup
* Clear missed interval (#2611)
* clear missed interval
* remove trailing whitespace
* Relay Modern Example (#1757) (#2773)
* Simplification of Relay Modern Example (#1757) (#2776)
* Use deterministic names for dynamic import (#2788)
* Always use the same name for the same dynamic import.
* Add unit tests for the modulePath generation.
* Allow tests to run correctly on Windows.
* Make the chunk name a bit pretty.
* Fix tests to run on Windows.
* 3.0.4
* Revert "Make the chunk name a bit pretty." (#2792)
This reverts commit 0c9e8cf2271955e74ab9f752b5869b98c1dc60f9.
* 3.0.5
* Use _ as the divider for dynamic import name splitter. (#2793)
Using - gives us some weird webpack errors.
* 3.0.6
* next/dynamic Error Message Tweaks (#2798)
* Fixed issue (#2804)
https://github.com/zeit/next.js/issues/2800
* docs(material-ui): move the source code to Material-UI repository (#2808)
* Add Electron usage example
* Remove the deploy part
* Only allow GET request to our HTTP server
* Only allow request from an electron app (checking the user agent)
* Add warning about the local HTTP server
* Update package.json
* Update example to use Next.js v3
* Added required package.json fields with placeholders
* Use next:// file protocol to open internal built files
* Create next.config.js
* Update set-menu.js
* Update example to merge it with electron-next-skeleton ideas
* Rename Firebase Auth example
* Update gitignore to include npm5 lockfile
* Cloud Function
* Add Next app with two pages to demonstrate navigation
* Add Firebase Hosting and configuration to Host & Deploy
* Fix errors in rename for firebase-auth example
* Recommend pkg managers with caches for better perf
* Update with-firebase-hosting example
Fix code
* Update with-firebase-hosting example
Fix npm scripts and package.json files
* Update with-firebase-hosting example
Update README & install scripts
* Update with-firebase-hosting example
Update example package name
* Update with-firebase-hosting example
Fix to use single-quotes
* Update with-firebase-hosting example
VSCode did not like single-quotes! Sorry
* Fix gitignore file
By creating an intermediary component (with the HOC)
we save some React rendering logic.
That's also addressing an issue with JssProvider (react-jss)
that generate a new index at each render.
* Added react and react-dom dependencies
Added missing `react` and `react-dom` dependencies which are required by next.js
* Moved react & react-dom to dependencies
Moved react & react-dom to dependencies from devDependencies
* Fixed: css-modules reload files styles.css.json.
* update: disable uglify for next build.
add: require('fs') for next build.
add: disable uglify on next.config.js for next build.
* Fix linting errors
* feat: Add react-uwp examples
* fix: remove log from ThemeWrapper
* feat: Add README.md
* fix: Fixed right version
* fix: Use JavaScript Standard Style
* fix: Fixed wrong next version
* Layout ground works for next/async
* Implement the Dynamic Bundle feature.
* Add some test cases.
* Update README.
* Implement props aware dynamic bundle API.
* Update tests and README.
* Add a test case for React Context support.
With a hard coded address on the client, the app no longer works when deploying, which is annoying since there's a handy 'deploy now' button on the readme.
By removing the hard coded address socket.io will connect to the location host automatically so it works both on development and production.
babel-jest is included automatically by jest when a babel config is present, so including it manually here doesn't do anything.
> "Note: babel-jest is automatically installed when installing Jest and will automatically transform files if a babel configuration exists in your project."
http://facebook.github.io/jest/docs/en/getting-started.html#using-babel
* With-Redux-example-update-request
Hello Next.js,
I’ve added an additional example to “With-Redux” and updated some of
the original code to help illustrate to less inexperienced developers
how to implement Redux with Next.js.
The example is a simple counter to help reinforce how the client and
server renderings work together. In addition I also updated some of the
redux boilerplate code to help fully demonstrate how redux can be
implemented when using is with Next.js
Please contact me at spencer.bigum@gmail.com for further questions or
anything else you might need.
Thanks,
Spencer
* fixed listing issues: examples/with-redux
* Updated code based on @impronunciable Feedback
* Fix Fela example
Styles must be set via the innerHTML. Otherwise, a fontFamily "Segoe
UI” will have encoded quotes.
* Add example
Which didn’t work previously.
* Fix lint
* connecting to firebase
* login and logout with sessions
* setting messages on the client side
* should have messages served on init
* set messages in state
* updating credentials
* updating readme
* more cred
* iron out eslint issues
* highlight where to put firebase variables
* fix problem of database listener not picking up changes on load
* remove isomorphic from main package.json
* Add socket.io example
* [update] stop handling events before unmount
* [update] add deploy to now button
* Fix linting problems
* Fix last missing linting problem
