tag:github.com,2008:https://github.com/dlmr/react-router-redial/releases Release notes from react-router-redial 2017-12-07T19:01:08Z tag:github.com,2008:Repository/57461719/v0.3.6 2017-12-07T19:03:14Z v0.3.6 <h2>Fixes</h2> <ul> <li>Solve a bug in onCompleted for afterTransition when using parallel — <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="279778946" data-permission-text="Title is private" data-url="https://github.com/dlmr/react-router-redial/issues/22" data-hovercard-type="pull_request" data-hovercard-url="/dlmr/react-router-redial/pull/22/hovercard" href="https://github.com/dlmr/react-router-redial/pull/22">#22</a></li> <li>Trigger beforeTransition before afterTransition when in parallel — <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="279778946" data-permission-text="Title is private" data-url="https://github.com/dlmr/react-router-redial/issues/22" data-hovercard-type="pull_request" data-hovercard-url="/dlmr/react-router-redial/pull/22/hovercard" href="https://github.com/dlmr/react-router-redial/pull/22">#22</a></li> <li>Make sure we don't show a components for a aborted path — <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="279778946" data-permission-text="Title is private" data-url="https://github.com/dlmr/react-router-redial/issues/22" data-hovercard-type="pull_request" data-hovercard-url="/dlmr/react-router-redial/pull/22/hovercard" href="https://github.com/dlmr/react-router-redial/pull/22">#22</a></li> </ul> dlmr tag:github.com,2008:Repository/57461719/latest 2017-12-07T19:01:08Z latest <p>Version 0.3.6</p> dlmr tag:github.com,2008:Repository/57461719/v0.3.5 2017-04-20T18:50:29Z v0.3.5 <h2>Fixes</h2> <ul> <li>Adds compatibility with React 15.5 — <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="223095244" data-permission-text="Title is private" data-url="https://github.com/dlmr/react-router-redial/issues/19" data-hovercard-type="pull_request" data-hovercard-url="/dlmr/react-router-redial/pull/19/hovercard" href="https://github.com/dlmr/react-router-redial/pull/19">#19</a></li> <li>Bumped <code>lodash.isplainobject</code> — <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="223099705" data-permission-text="Title is private" data-url="https://github.com/dlmr/react-router-redial/issues/20" data-hovercard-type="pull_request" data-hovercard-url="/dlmr/react-router-redial/pull/20/hovercard" href="https://github.com/dlmr/react-router-redial/pull/20">#20</a></li> <li>Remove assumption that we always get an error object — <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="219922106" data-permission-text="Title is private" data-url="https://github.com/dlmr/react-router-redial/issues/18" data-hovercard-type="pull_request" data-hovercard-url="/dlmr/react-router-redial/pull/18/hovercard" href="https://github.com/dlmr/react-router-redial/pull/18">#18</a></li> <li>Fixes a bug in the default onError handler where type was undefined — <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="219913614" data-permission-text="Title is private" data-url="https://github.com/dlmr/react-router-redial/issues/17" data-hovercard-type="pull_request" data-hovercard-url="/dlmr/react-router-redial/pull/17/hovercard" href="https://github.com/dlmr/react-router-redial/pull/17">#17</a></li> </ul> dlmr tag:github.com,2008:Repository/57461719/v0.3.4 2016-12-02T22:57:14Z v0.3.4 <h2>Fixes</h2> <ul> <li>Updates <code>peerDependencies</code> to support React Router <code>^3.0.0</code> along with <code>^2.4.0</code> — <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="192708641" data-permission-text="Title is private" data-url="https://github.com/dlmr/react-router-redial/issues/15" data-hovercard-type="pull_request" data-hovercard-url="/dlmr/react-router-redial/pull/15/hovercard" href="https://github.com/dlmr/react-router-redial/pull/15">#15</a> by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/mscienski/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/mscienski">@mscienski</a></li> </ul> dlmr tag:github.com,2008:Repository/57461719/v0.3.3 2016-11-03T12:01:19Z v0.3.3 <h2>Features</h2> <ul> <li>Support for async routes — <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="186537259" data-permission-text="Title is private" data-url="https://github.com/dlmr/react-router-redial/issues/13" data-hovercard-type="pull_request" data-hovercard-url="/dlmr/react-router-redial/pull/13/hovercard" href="https://github.com/dlmr/react-router-redial/pull/13">#13</a> by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/PAkerstrand/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/PAkerstrand">@PAkerstrand</a></li> </ul> dlmr tag:github.com,2008:Repository/57461719/v0.3.2 2016-10-30T19:12:50Z v0.3.2 <h2>Fixes</h2> <ul> <li>Fixes regression from <code>0.3.0</code> where <code>afterTransitionLoading</code> were undefined — <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="186155657" data-permission-text="Title is private" data-url="https://github.com/dlmr/react-router-redial/issues/12" data-hovercard-type="pull_request" data-hovercard-url="/dlmr/react-router-redial/pull/12/hovercard" href="https://github.com/dlmr/react-router-redial/pull/12">#12</a> by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/andreasrs/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/andreasrs">@andreasrs</a></li> </ul> dlmr tag:github.com,2008:Repository/57461719/v0.3.1 2016-10-27T08:22:53Z v0.3.1 <h2>Fixes</h2> <ul> <li>Solves an issue when using named components — <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="185159252" data-permission-text="Title is private" data-url="https://github.com/dlmr/react-router-redial/issues/11" data-hovercard-type="pull_request" data-hovercard-url="/dlmr/react-router-redial/pull/11/hovercard" href="https://github.com/dlmr/react-router-redial/pull/11">#11</a> by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/PAkerstrand/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/PAkerstrand">@PAkerstrand</a></li> </ul> dlmr tag:github.com,2008:Repository/57461719/v0.3.0 2016-10-18T15:03:45Z v0.3.0 <h2>Breaking</h2> <ul> <li>Rewritten as a React Router middleware — <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="182516674" data-permission-text="Title is private" data-url="https://github.com/dlmr/react-router-redial/issues/5" data-hovercard-type="pull_request" data-hovercard-url="/dlmr/react-router-redial/pull/5/hovercard" href="https://github.com/dlmr/react-router-redial/pull/5">#5</a> by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/PAkerstrand/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/PAkerstrand">@PAkerstrand</a></li> </ul> <div class="highlight highlight-source-diff notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="-import { RedialContext } from 'react-router-redial'; +import { useRedial } from 'react-router-redial'; +import { applyRouterMiddleware } from 'react-router'; &lt;Router history={ browserHistory } routes={ routes } - render={ (props) =&gt; ( - &lt;RedialContext - { ...props } - locals={ locals } - blocking={ ['fetch'] } - defer={ ['defer', 'done' ] } - parallel={ true } - initialLoading={ () =&gt; &lt;div&gt;Loading…&lt;/div&gt; } - /&gt; + render={ applyRouterMiddleware( + useRedial({ + locals, + beforeTransition: ['fetch'], + afterTransition: ['defer', 'done'], + parallel: true, + initialLoading: () =&gt; &lt;div&gt;Loading…&lt;/div&gt;, + }) )} /&gt;"><pre><span class="pl-md"><span class="pl-md">-</span>import { RedialContext } from 'react-router-redial'; </span> <span class="pl-mi1"><span class="pl-mi1">+</span>import { useRedial } from 'react-router-redial';</span> <span class="pl-mi1"><span class="pl-mi1">+</span>import { applyRouterMiddleware } from 'react-router';</span> &lt;Router history={ browserHistory } routes={ routes } <span class="pl-md"><span class="pl-md">-</span> render={ (props) =&gt; ( </span> <span class="pl-md"><span class="pl-md">-</span> &lt;RedialContext </span> <span class="pl-md"><span class="pl-md">-</span> { ...props } </span> <span class="pl-md"><span class="pl-md">-</span> locals={ locals } </span> <span class="pl-md"><span class="pl-md">-</span> blocking={ ['fetch'] } </span> <span class="pl-md"><span class="pl-md">-</span> defer={ ['defer', 'done' ] } </span> <span class="pl-md"><span class="pl-md">-</span> parallel={ true } </span> <span class="pl-md"><span class="pl-md">-</span> initialLoading={ () =&gt; &lt;div&gt;Loading…&lt;/div&gt; }</span> <span class="pl-md"><span class="pl-md">-</span> /&gt;</span> <span class="pl-mi1"><span class="pl-mi1">+</span> render={ applyRouterMiddleware(</span> <span class="pl-mi1"><span class="pl-mi1">+</span> useRedial({</span> <span class="pl-mi1"><span class="pl-mi1">+</span> locals,</span> <span class="pl-mi1"><span class="pl-mi1">+</span> beforeTransition: ['fetch'],</span> <span class="pl-mi1"><span class="pl-mi1">+</span> afterTransition: ['defer', 'done'],</span> <span class="pl-mi1"><span class="pl-mi1">+</span> parallel: true,</span> <span class="pl-mi1"><span class="pl-mi1">+</span> initialLoading: () =&gt; &lt;div&gt;Loading…&lt;/div&gt;,</span> <span class="pl-mi1"><span class="pl-mi1">+</span> })</span> )} /&gt;</pre></div> <ul> <li>Renamed and updated parts of the client API to make more sense — <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="183011540" data-permission-text="Title is private" data-url="https://github.com/dlmr/react-router-redial/issues/7" data-hovercard-type="pull_request" data-hovercard-url="/dlmr/react-router-redial/pull/7/hovercard" href="https://github.com/dlmr/react-router-redial/pull/7">#7</a></li> </ul> <div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="deferredLoading =&gt; afterTransitionLoading blocking =&gt; beforeTransition defer =&gt; afterTransition"><pre class="notranslate"><code>deferredLoading =&gt; afterTransitionLoading blocking =&gt; beforeTransition defer =&gt; afterTransition </code></pre></div> <h2>Features</h2> <ul> <li>Updated peerDependency to allow the latest version of <code>redial@0.5.0</code> — <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="183012047" data-permission-text="Title is private" data-url="https://github.com/dlmr/react-router-redial/issues/8" data-hovercard-type="pull_request" data-hovercard-url="/dlmr/react-router-redial/pull/8/hovercard" href="https://github.com/dlmr/react-router-redial/pull/8">#8</a></li> <li>Added more data to the lifecycle functions — <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="183011540" data-permission-text="Title is private" data-url="https://github.com/dlmr/react-router-redial/issues/7" data-hovercard-type="pull_request" data-hovercard-url="/dlmr/react-router-redial/pull/7/hovercard" href="https://github.com/dlmr/react-router-redial/pull/7">#7</a></li> </ul> <div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="onError(error, metaData) onAborted(becauseError) onCompleted(type) "><pre class="notranslate"><code>onError(error, metaData) onAborted(becauseError) onCompleted(type) </code></pre></div> <p><a href="https://github.com/dlmr/react-router-redial#example">Now possible to do some nifty error handling using this.</a></p> <p><a href="https://github.com/dlmr/react-router-redial#client-api">See the documentation for complete information about them.</a></p> dlmr tag:github.com,2008:Repository/57461719/v0.2.3 2016-05-30T11:11:19Z v0.2.3 <h2>Features</h2> <ul> <li>Adds support for <a href="https://github.com/reactjs/react-router/blob/master/docs/API.md#named-components">named components</a>. [<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="157453269" data-permission-text="Title is private" data-url="https://github.com/dlmr/react-router-redial/issues/4" data-hovercard-type="pull_request" data-hovercard-url="/dlmr/react-router-redial/pull/4/hovercard" href="https://github.com/dlmr/react-router-redial/pull/4">#4</a> by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/kouhin/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/kouhin">@kouhin</a>]</li> </ul> dlmr tag:github.com,2008:Repository/57461719/v0.2.2 2016-05-29T15:23:14Z v0.2.2 <h2>Features</h2> <ul> <li>Better support for aborting redial hooks and detecting of it has been aborted. <code>isAborted()</code></li> <li>Function for manually abort redial hooks. <code>abort()</code></li> <li>Lifecycle functions, see below.</li> </ul> <div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="onStarted(force) Invoked when a route transition has been detected and when redial hooks will be invoked onError(error, type) Invoked when an error happens, type can be either a &quot;location-change&quot;, &quot;aborted&quot; or &quot;other&quot; reason onAborted Invoked if it was prematurely aborted through manual interaction onCompleted Invoked if everything was completed successfully, both blocking and deferred"><pre class="notranslate"><code>onStarted(force) Invoked when a route transition has been detected and when redial hooks will be invoked onError(error, type) Invoked when an error happens, type can be either a "location-change", "aborted" or "other" reason onAborted Invoked if it was prematurely aborted through manual interaction onCompleted Invoked if everything was completed successfully, both blocking and deferred </code></pre></div> <h2>Fixes</h2> <ul> <li>Inconstancy when using force together with parallel set to false.</li> </ul> dlmr