wildfrontend

jgthms/bulma#3129

answer:

  const setParentAsActive = (node: any) => {
    if (node) {
 node.parentNode.className = node.className

wildfrontend

As of NPM 5, saving is done by default

--save-dev is only needed if we’re building a node app;

since we output minified JS for production via npm run build, everything is a dev dependency,

so it doesn’t actually matter in practice whether modules are added to dependencies or devDependencies in package.json.

wildfrontend

Why closing a page does not unmount the component

Closing the page will actually discard the main process/thread which handles the rendering of the web page. In that case, 
there is actually no way of calling the unmounting method since the thread which calls that method is discarded.

https://stackoverflow.com/questions/60961581/react-the-preferred-way-to-perform-an-action-when-leaving-page-changing-rout

wildfrontend

prepare

• rewrite fetch to catch httpcode

const httpCodeFetch = async ({ url, config = initialConfig }) => {
    const res = await fetch(url, config)
    if (res.status === 204) return {}
    if (res.ok) {
 return res.json()

wildfrontend

const App = () =>{
  const [conunt,setConunt] = useState(1)
  return (
      <div>
         {Array(conunt).fill(<RepeatCompnent/>)}
      </div>
  )
}

wildfrontend

function blobToDataURI(blob, callback) {
    const reader = new FileReader()
    reader.readAsDataURL(blob)
    reader.onload = function (e) {
        callback(e.target.result)
    }
}

wildfrontend

tailwind.css with css-in-jss

https://www.freecodecamp.org/news/how-to-style-your-react-apps-with-less-code-using-tailwind-css-and-styled-components/

Step

1. install

yarn add -D tailwindcss twin.macro autoprefixer babel-plugin-macros styled-components

wildfrontend

import React from 'react'
import ReactDOM from 'react-dom'
import { StoreContext } from 'redux-react-hook'
import App from './App'
import store from './store/configureStore'
import prestate from './store/prestate'

const app = (state = {}) => {
    ReactDOM.render(

wildfrontend

#!/bin/sh

git filter-branch --env-filter '

OLD_EMAIL="要修改的email"
CORRECT_NAME="正確的user.name"
CORRECT_EMAIL="正確的user.email"

if [ "$GIT_COMMITTER_EMAIL" = "$OLD_EMAIL" ]

wildfrontend

npm install @storybook/react --save-dev
npm install @storybook/addons @storybook/addon-actions @storybook/addon-knobs @storybook/addon-notes --save-dev