Skip to content

Instantly share code, notes, and snippets.

@agenthunt
agenthunt / hello-react-custom-renderer-render-function.js
Last active December 21, 2020 19:39
hello-react-custom-renderer-render-function
import ReactReconciler from 'react-reconciler';
const hostConfig = {};
const ReactReconcilerInst = ReactReconciler(hostConfig);
export default {
render: (reactElement, domElement, callback) => {
console.log(arguments);
// Create a root Container if it doesnt exist
if (!domElement._rootContainer) {
domElement._rootContainer = ReactReconcilerInst.createContainer(domElement, false);
export const { types, actions, rootReducer, rootSaga } = createStar({
name: 'blogItem',
log: true,
graphql: {
client: apolloClient,
add: {
getBlogItems: {
query: gql`
query {
allBlogItems {
{
users: {
getUsers: {
loading: false,
data: null,
error: null
}
}
}
...
...
import * as Users from '../stars/users';
const appReducer = combineReducers({
users: Users.rootReducer
});
function* rootSaga(args) {
yield fork(Users.rootSaga, args);
}
import { createStar } from 'redux-nakshatra';
import { take, put, race, select } from 'redux-saga/effects';
import { MediaPlayerStatus } from '../constants/mediaPlayerStatus';
import { Howl } from 'howler';
const MediaPlayerActionTypes = {
playPause_REQUEST: 'playPause_REQUEST',
playPause_SUCCESS: 'playPause_SUCCESS',
playPause_FAILURE: 'playPause_FAILURE',
updateCurrentTrack_REQUEST: 'updateCurrentTrack_REQUEST',
import { take, call, put, all, fork, race, select } from 'redux-saga/effects';
import { createStar } from 'redux-nakshatra';
import axios from 'axios';
export const { rootSaga, types, actions, rootReducer } = createStar({
name: 'users',
http: {
url: 'http://localhost:5000/users',
generateDefault: true
},
import { createStar } from 'redux-nakshatra';
export const { rootSaga, types, actions, rootReducer } = createStar({
name: 'users',
http: {
url: 'http://localhost:5000/users',
generateDefault: true,
add: {
findUsersByLastName: {
method: 'get'
import { createStar } from 'redux-nakshatra';
export const { rootSaga, types, actions, rootReducer } = createStar({
name: 'users',
http: {
url: 'http://localhost:5000/users',
generateDefault: true,
override: {
getUser: {
url: 'http://localhost:5000/user/:id'
import { createStar } from 'redux-nakshatra';
export const { rootSaga, types, actions, rootReducer } = createStar({
name: 'users',
http: {
url: 'http://localhost:5000/users',
generateDefault: true,
}
});
import { createStar } from 'redux-nakshatra';
export const { rootSaga, types, actions, rootReducer } = createStar({
name: 'users',
http: {
url: 'http://localhost:5000/users',
add: {
getUsers: {
method: 'get'
},