Skip to content

Instantly share code, notes, and snippets.

View callstack-bot's full-sized avatar

Callstack Community Bot callstack-bot

View GitHub Profile
@callstack-bot
callstack-bot / foo function from app1.tsx
Created September 21, 2022 15:00
// eslint-disable-next-line import/no-unresolved
import { baz } from 'module1/baz';
export async function foo() {
return `foo + ${await baz()}`;
}
@callstack-bot
callstack-bot / baz function inside module1 which uses foo function from app1.tsx
Created September 21, 2022 15:00
let counter = 3;
export async function baz() {
if (counter <= 0) {
return 'end';
}
// eslint-disable-next-line import/no-unresolved
const { foo } = await import('app1/foo');
@callstack-bot
callstack-bot / App.tsx code from app1 application.tsx
Last active September 21, 2022 14:59
import * as React from 'react';
import { Text } from 'react-native';
// eslint-disable-next-line import/no-unresolved
import Module1 from 'module1/Root';
import { foo } from './foo';
export default function App() {
const [fooText, setFooText] = React.useState<string>('');
@callstack-bot
callstack-bot / App.tsx code from host application.tsx
Created September 21, 2022 14:57
// eslint-disable-next-line import/no-extraneous-dependencies
import { Federated } from '@callstack/repack/client';
import React from 'react';
import { Text, SafeAreaView } from 'react-native';
const App1 = React.lazy(() => Federated.importModule('app1', './App'));
const App2 = React.lazy(() => Federated.importModule('app2', './App'));
export default function App() {
return (
@callstack-bot
callstack-bot / ScriptManager usage with dynamic URLs.js
Created September 21, 2022 14:56
ScriptManager.shared.addResolver(async (scriptId, caller) => {
let url;
const containers = await fetchURLs();
const resolveURL = Federated.createURLResolver({
containers,
});
if (caller === 'main') {
url = Script.getDevServerURL(scriptId);
} else {
@callstack-bot
callstack-bot / ScriptManager usage inside host application.ts
Last active September 26, 2022 16:52
const resolveURL = Federated.createURLResolver({
containers: {
app1: 'http://localhost:9000/[name][ext]',
app2: 'http://localhost:9001/[name][ext]',
module1: 'http://localhost:9002/[name][ext]',
},
});
ScriptManager.shared.addResolver(async (scriptId, caller) => {
let url;
@callstack-bot
callstack-bot / Module app Webpack config Module Federation plugin.js
Created September 21, 2022 14:38
new Repack.plugins.ModuleFederationPlugin({
name: 'module1',
exposes: {
'./Root': './src/Root.tsx',
'./baz': './src/baz.ts',
},
shared: {
react: {
...Repack.Federated.SHARED_REACT,
eager: STANDALONE,
@callstack-bot
callstack-bot / Remote Container 1 Webpack config Module Federation plugin.js
Created September 21, 2022 14:37
new Repack.plugins.ModuleFederationPlugin({
name: 'app1',
exposes: {
'./App': './src/App.tsx',
'./Text': './src/Text.tsx',
'./foo': './src/foo.ts',
},
shared: {
react: {
...Repack.Federated.SHARED_REACT,
@callstack-bot
callstack-bot / Host app Webpack config Module Federation plugin.js
Created September 21, 2022 14:25
new Repack.plugins.ModuleFederationPlugin({
name: 'host',
shared: {
react: {
...Repack.Federated.SHARED_REACT,
requiredVersion: '17.0.2',
},
'react-native': {
...Repack.Federated.SHARED_REACT_NATIVE,
requiredVersion: '0.68.2',
@callstack-bot
callstack-bot / error_handling.ts
Last active June 23, 2022 14:29
const handlePayPress = async () => {
// step 1
// step 2
// step 3
if (error) {
// Handle error
} else if (paymentIntent) {
// Handle success
}
};