Styled Components - along with Material-UI

This guide aims to document the most popular alternatives, but you should find that the principals applied here can be adapted to other libraries. There are examples for the following styling solutions:

https://material-ui.com/guides/interoperability/

https://emotion.sh/docs/styled

Comments

for loop in javascript - promise - .eslintrc for "for of"

the vast majority of cases map , forEach , find etc. can be used. async function printFiles () { const files = await getFilePaths(); await Promise.all(files. map (async (file) => { const contents = await fs.readFile(file, 'utf8') console.log(contents) })); } const inventory = [ { name : 'apples' , quantity : 2 } , { name : 'bananas' , quantity : 0 } , { name : 'cherries' , quantity : 5 } ] ; const result = inventory . find ( ( { name } ) => name === 'cherries' ) ; function getFirstMatching(array) { for (let item of array) { const result = heavyTransform(item); if (result) { return result; } } } Specifically this shuts down the whole no-restricted-syntax. If you want to cherry-pick, here is the current definition: 'no-restricted-syntax' : [ 'error' , { selector : 'ForInStatement' , message...

fs.writeFile - permission issue on GCP (Google Cloud Run)

error on this: fs . writeFile ( fileName , pdfBytes , err => { if ( err ) { console . log ( err . message ) reject ( err . message ) } else resolve ( fileName ) }) #1 It looks like when deployed into Cloud Run it also requires the extra permission "Service Account Token Creator" to run getSignedUrl . Locally for some reason this role is not required. #2 Only the directory /tmp is writable in Cloud Run. So, change the default write location to write into this directory. However, you have to be aware of 2 things: Cloud Run is stateless, that means when a new instance is created, the container start from scratch, with an empty /tmp directory /tmp directory is an in-memory file system. The maximum allowed memory on Cloud Run is 2Gb, your app memory footprint included. In addition of your file and Airflow, not sure that you will have a lot of space. A final remark. Cloud Run is active only when it...

codegen for front end - react+graphQl

https://hasura.io/learn/graphql/typescript-react-apollo/codegen/ fix: anonymous query for codegen - getCurrentAccount package.json: "codegen" : "graphql-codegen --config codegen.js" codegen.js module . exports = { schema : [ { 'http://localhost:4000/graphql' : { headers : { Authorization : 'Bearer ' + process . env . AUTH_TOKEN , }, }, }, ], documents : [ './src/**/*.tsx' , './src/**/*.ts' ], overwrite : true , generates : { './src/generated/graphql.tsx' : { plugins : [ 'typescript' , 'typescript-operations' , 'typescript-react-apollo' , ], config : { skipTypename : false , withHooks : true , withHOC : false , withComponent : false , }, }, './graphql.schema.json' : { plugins : [ 'introspection' ], }, }, } instal...

Andmapco - dev team

Search This Blog