View rendering-the-api-call.rs
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
{ | |
search_api_call_opt.as_ref().map(|ref mut search_api_call| { | |
match &mut *search_api_call.borrow_mut() { | |
PromiseState::Success(search_results) => { | |
let search_results = search_results.clone(); | |
render_search_results(search_results, |track_id| { | |
page.go_to_detail_view(track_id); | |
}) | |
}, | |
PromiseState::Pending => smd!(<p>Loading</p>), |
View match-example.rs
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
{ | |
match page { | |
Page::Search(search_api_call) => ... | |
} | |
} |
View new_hooks_api_based_pagination.react.jsx
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 shows an example of pagination using the new Relay Hooks | |
* APIs. Please see old_container_based_api.react.jsx for an example of | |
* how this might have looked using the previous, Container-based APIs. | |
*/ | |
'use strict'; | |
import type {UserComponent_user$key} from 'UserComponent_user.graphql'; |
View new_hooks_based_refetching.react.jsx
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
type Props = { | |
comment: CommentBody_comment$key, | |
}; | |
function CommentBody(props: Props) { | |
const [data, refetch] = useRefetchableFragment<CommentBodyRefetchQuery, _>( | |
graphql` | |
fragment CommentBody_comment on Comment | |
@refetchable(queryName: "CommentBodyRefetchQuery") { | |
body(lang: $lang) { | |
text |
OlderNewer