November 2024 M T W T F S S 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30
Category Archives: ReactJS
When you click and page reloads…
when you have a button on a page that, when you click, reloads the page and you don’t know why, it maybe that your button is within the form tag and defaults the type to submit. Make sure your button … Continue reading
Posted in HTML, JavaScript, ReactJS
Tagged bootstrap, form, react, reactjs, reactstrap
Comments Off on When you click and page reloads…
Mocking the CSS webpack imports using identity-obj-proxy
I’m sure at some point you have encountered the SyntaxError: Unexpected token . error when preparing tests with Jest, it pointed at the dot of the CSS class name. ({“Object.“:function(module,exports,require,__dirname,__filename,global,jest){.my-class { ^ SyntaxError: Unexpected token . If you are familiar with it … Continue reading
Posted in JavaScript, ReactJS
Tagged css module, identity-obj-proxy, jest, testing
Comments Off on Mocking the CSS webpack imports using identity-obj-proxy
Sample SPA – React + Redux with Axios
I’ve put together a Codepen showing the sample usage of Redux (State Management) with network requests (via Axios HTTP Client) in the React framework.
Posted in JavaScript, ReactJS
Tagged axios, middleware, reactjs, redux
Comments Off on Sample SPA – React + Redux with Axios
Chrome Extension with React – gotcha
I’m rebuilding my Chrome Extension Tab List to use ReactJS (as part of my learning trip) and encountered following error: Uncaught EvalError: Refused to evaluate a string as JavaScript because ‘unsafe-eval’ is not an allowed source of script in the … Continue reading
Posted in bugs, JavaScript, ReactJS
Tagged bugs, chrome, chrome-extension, content_security_policy, eval, evil-eval, reactjs
Comments Off on Chrome Extension with React – gotcha
Web App – Hiragana/Katakana Tester – made with ReactJS
I want to present another Web App that I’ve made during my ReactJS adventure. This app is the Hiragana/Katakana [syllabary] Tester.
Posted in JavaScript, ReactJS
Tagged hiragana, japanese, javascript, katakana, reactjs, romaji, web-app
Comments Off on Web App – Hiragana/Katakana Tester – made with ReactJS