Category Archives: HTML

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 , , , , | 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 , , , | 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 , , , | Comments Off on Sample SPA – React + Redux with Axios

CSS Tip: Avatar circle made with CSS

Can I Use ‘border-radius’

Posted in CSS, HTML | Tagged , | Comments Off on CSS Tip: Avatar circle made with CSS

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 , , , , , , | Comments Off on Chrome Extension with React – gotcha