forked from facebook/react
-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request facebook#6859 from sebmarkbage/newreconciler
[Fiber] Child Reconciler + New Coroutines Primitive (cherry picked from commit 0f4a4df)
- Loading branch information
1 parent
3b84c98
commit 9f5c5d3
Showing
15 changed files
with
714 additions
and
109 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,129 @@ | ||
/** | ||
* Copyright 2013-present, Facebook, Inc. | ||
* All rights reserved. | ||
* | ||
* This source code is licensed under the BSD-style license found in the | ||
* LICENSE file in the root directory of this source tree. An additional grant | ||
* of patent rights can be found in the PATENTS file in the same directory. | ||
* | ||
* @providesModule ReactChildFiber | ||
* @flow | ||
*/ | ||
|
||
'use strict'; | ||
|
||
import type { ReactCoroutine, ReactYield } from 'ReactCoroutine'; | ||
import type { Fiber } from 'ReactFiber'; | ||
|
||
import type { ReactNodeList } from 'ReactTypes'; | ||
|
||
var { | ||
REACT_ELEMENT_TYPE, | ||
} = require('ReactElement'); | ||
var { | ||
REACT_COROUTINE_TYPE, | ||
REACT_YIELD_TYPE, | ||
} = require('ReactCoroutine'); | ||
|
||
var ReactFiber = require('ReactFiber'); | ||
var ReactReifiedYield = require('ReactReifiedYield'); | ||
|
||
function createSubsequentChild(parent : Fiber, previousSibling : Fiber, newChildren) : Fiber { | ||
if (typeof newChildren !== 'object' || newChildren === null) { | ||
return previousSibling; | ||
} | ||
|
||
switch (newChildren.$$typeof) { | ||
case REACT_ELEMENT_TYPE: { | ||
const element = (newChildren : ReactElement); | ||
const child = ReactFiber.createFiberFromElement(element); | ||
previousSibling.sibling = child; | ||
child.parent = parent; | ||
return child; | ||
} | ||
|
||
case REACT_COROUTINE_TYPE: { | ||
const coroutine = (newChildren : ReactCoroutine); | ||
const child = ReactFiber.createFiberFromCoroutine(coroutine); | ||
previousSibling.sibling = child; | ||
child.parent = parent; | ||
return child; | ||
} | ||
|
||
case REACT_YIELD_TYPE: { | ||
const yieldNode = (newChildren : ReactYield); | ||
const reifiedYield = ReactReifiedYield.createReifiedYield(yieldNode); | ||
const child = ReactFiber.createFiberFromYield(yieldNode); | ||
child.output = reifiedYield; | ||
previousSibling.sibling = child; | ||
child.parent = parent; | ||
return child; | ||
} | ||
} | ||
|
||
if (Array.isArray(newChildren)) { | ||
let prev : Fiber = previousSibling; | ||
for (var i = 0; i < newChildren.length; i++) { | ||
prev = createSubsequentChild(parent, prev, newChildren[i]); | ||
} | ||
return prev; | ||
} else { | ||
console.log('Unknown child', newChildren); | ||
return previousSibling; | ||
} | ||
} | ||
|
||
function createFirstChild(parent, newChildren) { | ||
if (typeof newChildren !== 'object' || newChildren === null) { | ||
return null; | ||
} | ||
|
||
switch (newChildren.$$typeof) { | ||
case REACT_ELEMENT_TYPE: { | ||
const element = (newChildren : ReactElement); | ||
const child = ReactFiber.createFiberFromElement(element); | ||
child.parent = parent; | ||
return child; | ||
} | ||
|
||
case REACT_COROUTINE_TYPE: { | ||
const coroutine = (newChildren : ReactCoroutine); | ||
const child = ReactFiber.createFiberFromCoroutine(coroutine); | ||
child.parent = parent; | ||
return child; | ||
} | ||
|
||
case REACT_YIELD_TYPE: { | ||
// A yield results in a fragment fiber whose output is the continuation. | ||
// TODO: When there is only a single child, we can optimize this to avoid | ||
// the fragment. | ||
const yieldNode = (newChildren : ReactYield); | ||
const reifiedYield = ReactReifiedYield.createReifiedYield(yieldNode); | ||
const child = ReactFiber.createFiberFromYield(yieldNode); | ||
child.output = reifiedYield; | ||
child.parent = parent; | ||
return child; | ||
} | ||
} | ||
|
||
if (Array.isArray(newChildren)) { | ||
var first : ?Fiber = null; | ||
var prev : ?Fiber = null; | ||
for (var i = 0; i < newChildren.length; i++) { | ||
if (prev == null) { | ||
prev = createFirstChild(parent, newChildren[i]); | ||
first = prev; | ||
} else { | ||
prev = createSubsequentChild(parent, prev, newChildren[i]); | ||
} | ||
} | ||
return first; | ||
} else { | ||
console.log('Unknown child', newChildren); | ||
return null; | ||
} | ||
} | ||
|
||
exports.reconcileChildFibers = function(parent : Fiber, firstChild : ?Fiber, newChildren : ReactNodeList) : ?Fiber { | ||
return createFirstChild(parent, newChildren); | ||
}; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.