Hello Everyone, MERN Stack Boilerplate provides starter kits for building web, desktop and mobile apps in pure JavaScript.
https://www.npmjs.com/package/create-mernjs-app
If you have any query or suggestions. Please let me know.
Hello Everyone,
MERN Micro Framework provides starter kits for building web, desktop and mobile apps in pure JavaScript.
https://www.npmjs.com/package/create-mernjs-app
If you have any query or suggestions. Please let me know.
Hi everyone,
What are you using for functional testing?
I came across this list of tools:
https://medium.com/@jimbo.scott/5bfaa2ef3c27
Has anyone tried one of those?
import { createSlice, createAsyncThunk } from '@reduxjs/toolkit'
export const getProducts = createAsyncThunk('products/getFruits', async () => {
const url = 'MY API URL'
const response = await fetch(url)
const data = await response.json()
return data
})
export const initialState = {
fruits: [],
isLoading: false,
}
export const storeState = createSlice({
name: 'products',
initialState,
extraReducers: (builder) => {
builder
.addCase(getProducts.pending, (state) => {
state.isLoading = true
})
.addCase(getProducts.fulfilled, (state, action) => {
state.fruits.push(action.payload)
state.isLoading = false
})
.addCase(getProducts.rejected, (state) => {
state.isLoading = false
})
.addDefaultCase((state, action) => {})
},
})
export default storeState.reducer
connect()
? I have a component that takes a type arg on props, but when wrapped in connect()
it gets lost, something liketype MyCompProps<T> = { value: T; onChange(value: T); }
<MyComp value={ 25 } onChange={ val => {/* val will be contextually typed to `number` ✅ */} }/>
const MyContainer = connect(stateToProps, dispatchToProps)(MyComp)
<MyContainer value={ 25 } onChange={ val => {/* val is now `any` ❌ */} }/>
const products = [];
const columns = [
{
dataField: 'id',
text: 'App Ref'
},
{
dataField: 'testdate',
text: 'Test Date'
},
{
dataField: 'testcenter',
text: 'Test Center'
},
{
dataField: 'canceldate',
text: 'Cancel Date'
},
{
dataField: 'name',
text: 'Candidate Name'
},
{
dataField: 'status',
text: 'Candidate Name'
},
{
dataField: 'price',
text: 'Candidate Name'
},
{
dataField: 'buyer',
text: 'Buyer'
},
];