Skip to main content

Posts

Showing posts with the label ReactJS

circleci - action - jest

https://github.com/testing-library/react-hooks-testing-library/issues/151 TypeError: Cannot read property 'current' of undefined "react": "^16.9.0", "react-test-renderer": "^16.9.0", "@testing-library/react": "^9.1.3", "react-dom": "^16.9.0",

SVG, and SVG for ReactJS - D3, and other library

Demo for Ingram Micro: https://andmap.co/svgdemo Tutorial D3 for React: https://towardsdatascience.com/react-d3-the-macaroni-and-cheese-of-the-data-visualization-world-12bafde1f922 style for path https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Fills_and_Strokes Cool SVG example: https://bost.ocks.org/mike/example/ path data for us map chart : http://bl.ocks.org/NPashaP/a74faf20b492ad377312  D3 cool template: https://github.com/d3/d3/wiki/Gallery Other Data Visualization Library: https://blog.bitsrc.io/11-javascript-charts-and-data-visualization-libraries-for-2018-f01a283a5727 https://archive.nytimes.com/www.nytimes.com/interactive/2013/04/08/business/global/asia-map.html

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/ Plain CSS Global CSS Styled Components CSS Modules Emotion React JSS Glamor https://emotion.sh/docs/styled

Upload Files With GraphQL, Apollo, and React-Native

React-Native: we need extra component:  RNFetchBlob With React-Native, it’s a little bit more complicated. It boils down to intercepting the outgoing request and changing it to be a multi-part form and injecting the file blob. To trigger the action, you can include a special flag in your mutation that tells the code to treat the variable “file” as a file to upload.