Category Archives: HTML

When you click and page reloads…

Posted on September 21, 2020 by Łukasz Grela

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

Posted on March 31, 2018 by Łukasz Grela

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

Posted on February 24, 2018 by Łukasz Grela

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

Posted on February 23, 2018 by Łukasz Grela

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

Posted on February 7, 2018 by Łukasz Grela

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