Readable Format

Tag: javascript

  • How to integrate a react component into an Expressjs app

    In a previous post, I walked thru converting an expressjs partial into a react component. Now that I have that set up, in this post I’ll define the subsequent step of integrating the component into the app. Our component is built as an exportable ES6 module, but it is not yet imported anywhere. This project…

  • How I resolved a reload issue with gulp and browserSync

    The gulp build for my small express app– now with react integrated for some components on the frontend– was running into a strange issue when making edits. I had set up the gulp process such that it reloaded at the end of a file watch, once that watch was triggered: As the code indicates, the…

  • How to convert an Expressjs partial to a React component

    Recently I decided to convert some of the partials in my small express app into React components. The partials have worked just fine up to now- my immediate reason to convert them is to simply game some experience working with React. Eventually, I anticipate having the elements in a React component will enable me to…

  • How to use props to pass custom classes to react components

    It is sometimes important to be able to pass custom class names to different instances of react components. React allows for this via an array prop passed to the component: nav.jsx: The prop of customClass is assigned an empty array, and then using interpolation the Array method of .join is called on it. In my…

  • How to avoid or resolve conflicts between nodemon and browserSync reloads

    When implementing node into my existing node app, I ran into an issue where jsx compilation reloads were hanging in the browser. This was specific to jsx only. I had a separate sass built that was reloading just fine. What I found was that there was a clash between my nodemon server reload and the…