Are you over 18 and want to see adult content?
More Annotations
A complete backup of valdeloire-france.com
Are you over 18 and want to see adult content?
A complete backup of theverydaycompany.com
Are you over 18 and want to see adult content?
A complete backup of flashpointip.com
Are you over 18 and want to see adult content?
A complete backup of asperger-forum.ch
Are you over 18 and want to see adult content?
Favourite Annotations
A complete backup of giasubaochau.net
Are you over 18 and want to see adult content?
A complete backup of toponlinedegreesingcc.com
Are you over 18 and want to see adult content?
A complete backup of taniaenergiadlafirm.pl
Are you over 18 and want to see adult content?
A complete backup of piesemotoutilaje.ro
Are you over 18 and want to see adult content?
A complete backup of constantin-entertainment.de
Are you over 18 and want to see adult content?
A complete backup of scottantiquemarket.com
Are you over 18 and want to see adult content?
Text
thinking that
EXTRACTING LOGIC FROM REACT COMPONENTS THE THREE DEVELOPERS The three developers. Knowing that decisions that seemed reasonable at the time can end up being sub-optimal, and that we can never predict the future of how our software will need to change, lead me to what I've found a very clear, productive way of thinking where I don't blame myself (or others) for past mistakes and instead place emphasison
WRITING GOOD COMMENTS: THE WHY, NOT THE HOW Writing good comments: the why, not the how. Code comments often get a bad reputation amongst developers as a waste of time, or a sign that your code could be improved. Here's a quote from a CONTRIBUTING.md file I found on GitHub (and there's many, many more like it): Comments should be avoided. If the code cannot be understood without comments MAKING UNIT TESTS FAIL WHEN PROPTYPES ERROR If you enjoyed this post, join the newsletter to get updates on newcontent π.
ENABLING VSCODE'S "GO TO DEFINITION" FOR JSX IMPORTS We have Webpack configured to look for both .js and .jsx files, but need to tell VSCode to do the same. The solution here is to define a jsconfig.json, which is a file that you can define to configure how VSCode understands your projects. We can tell VSCode that we're working with JSX by adding "jsx": "react" to our jsconfig.json: Notethat
ECMASCRIPT 5 ARRAY METHODS January 27, 2013 ECMAScript 5 Array Methods. Something I've not covered much so far is some of the newer parts of JavaScript. That is, methods in ECMASscript 5 that are not so commonly used due to browser support, and of course the new features in ECMAScript 6. SETTING UP CSS MODULES WITH REACT AND WEBPACK COMPARING SVELTE AND REACT REFACTORING TO REMOVE PASSTHROUGH VARIABLES May 19, 2020 Refactoring to remove passthrough variables. I've been working recently on Puppeteer and migrating it to TypeScript. This has presented the opportunity to do some refactoring and today I want to share a recent refactoring I did to remove AVOIDING RECURSIVE USEEFFECT HOOKS IN REACT Avoiding recursive useEffect hooks in React. It's fair to say that React 16.8 and the introduction of hooks has really changed how we write React. Hooks are one of those APIs that make you realise the flaws of the previous approach after you stop using it. I remember being very skeptical of hooks when they were first released, notthinking that
EXTRACTING LOGIC FROM REACT COMPONENTS THE THREE DEVELOPERS The three developers. Knowing that decisions that seemed reasonable at the time can end up being sub-optimal, and that we can never predict the future of how our software will need to change, lead me to what I've found a very clear, productive way of thinking where I don't blame myself (or others) for past mistakes and instead place emphasison
WRITING GOOD COMMENTS: THE WHY, NOT THE HOW Writing good comments: the why, not the how. Code comments often get a bad reputation amongst developers as a waste of time, or a sign that your code could be improved. Here's a quote from a CONTRIBUTING.md file I found on GitHub (and there's many, many more like it): Comments should be avoided. If the code cannot be understood without comments MAKING UNIT TESTS FAIL WHEN PROPTYPES ERROR If you enjoyed this post, join the newsletter to get updates on newcontent π.
ENABLING VSCODE'S "GO TO DEFINITION" FOR JSX IMPORTS We have Webpack configured to look for both .js and .jsx files, but need to tell VSCode to do the same. The solution here is to define a jsconfig.json, which is a file that you can define to configure how VSCode understands your projects. We can tell VSCode that we're working with JSX by adding "jsx": "react" to our jsconfig.json: Notethat
ECMASCRIPT 5 ARRAY METHODS January 27, 2013 ECMAScript 5 Array Methods. Something I've not covered much so far is some of the newer parts of JavaScript. That is, methods in ECMASscript 5 that are not so commonly used due to browser support, and of course the new features in ECMAScript 6. SETTING UP CSS MODULES WITH REACT AND WEBPACK SOFTWARE DEVELOPMENT ON WINDOWS 10 WITH WSL2 December 20, 2020 Software Development on Windows 10 with WSL2. Back in October 2019 I'd taken the plunge and tried Windows for my development work.It was largely a succesful experiment. By using the Windows Subsystem for Linux (WSL), I was able to run most of my tools effectively in Linux, something I'm familiar with, and with VSCode's WSL Remote plugin, I could run FRONTEND TECH CHOICES I'M MAKING IN 2020 Frontend tech choices I'm making in 2020. Happy New Year! The world of frontend web development is continually changing with new technologies, ideas and frameworks springing up all the time. Whilst this can get overwhelming, it's also an exciting space to be in with so much opportunity to try new things. Today I've picked out a fewlibraries
REFACTORING TO REMOVE PASSTHROUGH VARIABLES May 19, 2020 Refactoring to remove passthrough variables. I've been working recently on Puppeteer and migrating it to TypeScript. This has presented the opportunity to do some refactoring and today I want to share a recent refactoring I did to remove THE THREE DEVELOPERS The three developers. Knowing that decisions that seemed reasonable at the time can end up being sub-optimal, and that we can never predict the future of how our software will need to change, lead me to what I've found a very clear, productive way of thinking where I don't blame myself (or others) for past mistakes and instead place emphasison
WRITING GOOD COMMENTS: THE WHY, NOT THE HOW Writing good comments: the why, not the how. Code comments often get a bad reputation amongst developers as a waste of time, or a sign that your code could be improved. Here's a quote from a CONTRIBUTING.md file I found on GitHub (and there's many, many more like it): Comments should be avoided. If the code cannot be understood without comments USING REACT FRAGMENTS FOR THE FIRST TIME December 18, 2017 Using React Fragments for the first time. React v16 was a very exciting release for React, and included many new features. In the recent React 16.2 release, improved support for Fragments was announced, and it's this feature that I want THE PERFECT UNIT TEST April 12, 2019 The perfect unit test. There's a common theme I find with people who tell me that they don't find unit testing useful, and it's normally that they are writing bad tests. FUNCTIONAL STATELESS COMPONENTS IN REACT March 7, 2017 Functional Stateless Components in React What are functional, stateless components? React 0.14 introduced functional, stateless components as a way to define React components as a function, rather than as an ES2015 class or via React.createClass.. Prior to React 0.14, writing a presentational component (that is, one that just renders props, and doesn't have state), could READING AND UPDATING QUERY PARAMS WITH Getting the URL back out. After you've done all this reading and updating of query parameters, you'll probably want to pull it back out as a URL so you can update the URL in the browser. To do this, just call .toString (): const params = new URLSearchParams(location.search) params.set('size', 'L') params.delete('colour') AN INTRODUCTION TO TESTING REACT COMPONENTS WITH ENZYME 3 An introduction to testing React components with Enzyme 3. In today's post we'll introduce the AirBnB library Enzyme for testing React applications. We'll do this using a test driven development (TDD) approach. That is, we'll write the tests first, watch them fail, and then build the React component out to fix the tests, before thenwriting more.
SOFTWARE DEVELOPMENT ON WINDOWS 10 WITH WSL2 December 20, 2020 Software Development on Windows 10 with WSL2. Back in October 2019 I'd taken the plunge and tried Windows for my development work.It was largely a succesful experiment. By using the Windows Subsystem for Linux (WSL), I was able to run most of my tools effectively in Linux, something I'm familiar with, and with VSCode's WSL Remote plugin, I could run REFACTORING TO REMOVE PASSTHROUGH VARIABLES May 19, 2020 Refactoring to remove passthrough variables. I've been working recently on Puppeteer and migrating it to TypeScript. This has presented the opportunity to do some refactoring and today I want to share a recent refactoring I did to remove COMPARING SVELTE AND REACT SCOPE AND THIS IN JAVASCRIPT April 16, 2012 Scope and this in JavaScript. Today I want to talk a little about scope in JavaScript and the this variable. The idea of "scope" is that it's where certain functions or variables are accessible from in our code, & the context in which they exist & areexecuted in.
MAKING UNIT TESTS FAIL WHEN PROPTYPES ERROR If you enjoyed this post, join the newsletter to get updates on newcontent π.
FUNCTIONAL STATELESS COMPONENTS IN REACT React 0.14 introduced functional, stateless components as a way to define React components as a function, rather than as an ES2015 class or via React.createClass. Prior to React 0.14, writing a presentational component (that is, one that just renders props, and doesn't have state), could be fairly verbose: const Username = React.createClass({. ENABLING VSCODE'S "GO TO DEFINITION" FOR JSX IMPORTS We have Webpack configured to look for both .js and .jsx files, but need to tell VSCode to do the same. The solution here is to define a jsconfig.json, which is a file that you can define to configure how VSCode understands your projects. We can tell VSCode that we're working with JSX by adding "jsx": "react" to our jsconfig.json: Notethat
SETTING UP CSS MODULES WITH REACT AND WEBPACK READING AND UPDATING QUERY PARAMS WITH ECMASCRIPT 5 ARRAY METHODS January 27, 2013 ECMAScript 5 Array Methods. Something I've not covered much so far is some of the newer parts of JavaScript. That is, methods in ECMASscript 5 that are not so commonly used due to browser support, and of course the new features in ECMAScript 6. SOFTWARE DEVELOPMENT ON WINDOWS 10 WITH WSL2 December 20, 2020 Software Development on Windows 10 with WSL2. Back in October 2019 I'd taken the plunge and tried Windows for my development work.It was largely a succesful experiment. By using the Windows Subsystem for Linux (WSL), I was able to run most of my tools effectively in Linux, something I'm familiar with, and with VSCode's WSL Remote plugin, I could run REFACTORING TO REMOVE PASSTHROUGH VARIABLES May 19, 2020 Refactoring to remove passthrough variables. I've been working recently on Puppeteer and migrating it to TypeScript. This has presented the opportunity to do some refactoring and today I want to share a recent refactoring I did to remove COMPARING SVELTE AND REACT SCOPE AND THIS IN JAVASCRIPT April 16, 2012 Scope and this in JavaScript. Today I want to talk a little about scope in JavaScript and the this variable. The idea of "scope" is that it's where certain functions or variables are accessible from in our code, & the context in which they exist & areexecuted in.
MAKING UNIT TESTS FAIL WHEN PROPTYPES ERROR If you enjoyed this post, join the newsletter to get updates on newcontent π.
FUNCTIONAL STATELESS COMPONENTS IN REACT React 0.14 introduced functional, stateless components as a way to define React components as a function, rather than as an ES2015 class or via React.createClass. Prior to React 0.14, writing a presentational component (that is, one that just renders props, and doesn't have state), could be fairly verbose: const Username = React.createClass({. ENABLING VSCODE'S "GO TO DEFINITION" FOR JSX IMPORTS We have Webpack configured to look for both .js and .jsx files, but need to tell VSCode to do the same. The solution here is to define a jsconfig.json, which is a file that you can define to configure how VSCode understands your projects. We can tell VSCode that we're working with JSX by adding "jsx": "react" to our jsconfig.json: Notethat
SETTING UP CSS MODULES WITH REACT AND WEBPACK READING AND UPDATING QUERY PARAMS WITH ECMASCRIPT 5 ARRAY METHODS January 27, 2013 ECMAScript 5 Array Methods. Something I've not covered much so far is some of the newer parts of JavaScript. That is, methods in ECMASscript 5 that are not so commonly used due to browser support, and of course the new features in ECMAScript 6. SOFTWARE DEVELOPMENT ON WINDOWS 10 WITH WSL2 December 20, 2020 Software Development on Windows 10 with WSL2. Back in October 2019 I'd taken the plunge and tried Windows for my development work.It was largely a succesful experiment. By using the Windows Subsystem for Linux (WSL), I was able to run most of my tools effectively in Linux, something I'm familiar with, and with VSCode's WSL Remote plugin, I could run WRITING GOOD COMMENTS: THE WHY, NOT THE HOW Writing good comments: the why, not the how. Code comments often get a bad reputation amongst developers as a waste of time, or a sign that your code could be improved. Here's a quote from a CONTRIBUTING.md file I found on GitHub (and there's many, many more like it): Comments should be avoided. If the code cannot be understood without comments USING REACT FRAGMENTS FOR THE FIRST TIME December 18, 2017 Using React Fragments for the first time. React v16 was a very exciting release for React, and included many new features. In the recent React 16.2 release, improved support for Fragments was announced, and it's this feature that I want ARRAY METHODS IN ECMASCRIPT 6 It's an efficient way to get at just the first item that matches a given condition: let numbers = ; let oddNumber = numbers.find(x => x % 2 == 1); console.log( oddNumber); You might think this is similar to filter (an ES5 method), but whereas filter always returns an array of matches (and will return multiple matches),find always
EXTRACTING LOGIC FROM REACT COMPONENTS July 17, 2017 Extracting Logic from React Components. In the previous screencast we took a React component that was doing too much and refactored it, splitting it into two components that are easier to maintain, use and test. Although I'd recommend watching that video first, you don't need to have watched it to read this blog post. AN INTRODUCTION TO GULP An introduction to Gulp. Gulp has been doing the rounds recently online through Twitter as an alternative to Grunt in the JS build tooling space. Whilst I am a huge fan of Grunt, looking at other options never hurts, so I thought a quick introduction to Gulp might be fun to do. Gulp works with Node streams. Whereas Gruntfiles canoften become
AVOIDING RECURSIVE USEEFFECT HOOKS IN REACT June 20, 2019 Avoiding recursive useEffect hooks in React. It's fair to say that React 16.8 and the introduction of hooks has really changed how we write React. Hooks are one of those APIs that make you realise the flaws of the previous approach after you stop using it. I remember being very skeptical of hooks when they were first released, not thinking that the previous class based design had AN INTRODUCTION TO TESTING REACT COMPONENTS WITH ENZYME 3 An introduction to testing React components with Enzyme 3. In today's post we'll introduce the AirBnB library Enzyme for testing React applications. We'll do this using a test driven development (TDD) approach. That is, we'll write the tests first, watch them fail, and then build the React component out to fix the tests, before thenwriting more.
REFACTORING A COMPONENT TO USE REACT HOOKS Refactoring a component to use React hooks. React 16.8 introduced hooks; a new way to work with effects and state in React. No longer do React components that have state need to be ES2015 classes that extend React.Component - hooks let us write components as functions and still have all the functionality of class based components. DEALING WITH APIS IN REACT WITH REACTREMOTEDATA March 2, 2017 Dealing with APIs in React with ReactRemoteData. Last year I wrote about RemoteDataJS, a library I released on GitHub that made it really easy to deal with data from APIs in JavaScript.. This library lets you represent remote pieces of data properly, dealing with all the different states it can be in, and any errors that mightoccur.
ENABLING VSCODE'S "GO TO DEFINITION" FOR JSX IMPORTS We have Webpack configured to look for both .js and .jsx files, but need to tell VSCode to do the same. The solution here is to define a jsconfig.json, which is a file that you can define to configure how VSCode understands your projects. We can tell VSCode that we're working with JSX by adding "jsx": "react" to our jsconfig.json: Notethat
COMPARING SVELTE AND REACT TESTING EVENT LISTENERS IN JAVASCRIPT WRITING GOOD COMMENTS: THE WHY, NOT THE HOW Writing good comments: the why, not the how. Code comments often get a bad reputation amongst developers as a waste of time, or a sign that your code could be improved. Here's a quote from a CONTRIBUTING.md file I found on GitHub (and there's many, many more like it): Comments should be avoided. If the code cannot be understood without comments THE THREE DEVELOPERS The three developers. Knowing that decisions that seemed reasonable at the time can end up being sub-optimal, and that we can never predict the future of how our software will need to change, lead me to what I've found a very clear, productive way of thinking where I don't blame myself (or others) for past mistakes and instead place emphasison
MAKING UNIT TESTS FAIL WHEN PROPTYPES ERROR If you enjoyed this post, join the newsletter to get updates on newcontent π.
AVOIDING RECURSIVE USEEFFECT HOOKS IN REACT Avoiding recursive useEffect hooks in React. It's fair to say that React 16.8 and the introduction of hooks has really changed how we write React. Hooks are one of those APIs that make you realise the flaws of the previous approach after you stop using it. I remember being very skeptical of hooks when they were first released, notthinking that
SETTING UP CSS MODULES WITH REACT AND WEBPACK READING AND UPDATING QUERY PARAMS WITH ECMASCRIPT 5 ARRAY METHODS January 27, 2013 ECMAScript 5 Array Methods. Something I've not covered much so far is some of the newer parts of JavaScript. That is, methods in ECMASscript 5 that are not so commonly used due to browser support, and of course the new features in ECMAScript 6. ENABLING VSCODE'S "GO TO DEFINITION" FOR JSX IMPORTS We have Webpack configured to look for both .js and .jsx files, but need to tell VSCode to do the same. The solution here is to define a jsconfig.json, which is a file that you can define to configure how VSCode understands your projects. We can tell VSCode that we're working with JSX by adding "jsx": "react" to our jsconfig.json: Notethat
COMPARING SVELTE AND REACT TESTING EVENT LISTENERS IN JAVASCRIPT WRITING GOOD COMMENTS: THE WHY, NOT THE HOW Writing good comments: the why, not the how. Code comments often get a bad reputation amongst developers as a waste of time, or a sign that your code could be improved. Here's a quote from a CONTRIBUTING.md file I found on GitHub (and there's many, many more like it): Comments should be avoided. If the code cannot be understood without comments THE THREE DEVELOPERS The three developers. Knowing that decisions that seemed reasonable at the time can end up being sub-optimal, and that we can never predict the future of how our software will need to change, lead me to what I've found a very clear, productive way of thinking where I don't blame myself (or others) for past mistakes and instead place emphasison
MAKING UNIT TESTS FAIL WHEN PROPTYPES ERROR If you enjoyed this post, join the newsletter to get updates on newcontent π.
AVOIDING RECURSIVE USEEFFECT HOOKS IN REACT Avoiding recursive useEffect hooks in React. It's fair to say that React 16.8 and the introduction of hooks has really changed how we write React. Hooks are one of those APIs that make you realise the flaws of the previous approach after you stop using it. I remember being very skeptical of hooks when they were first released, notthinking that
SETTING UP CSS MODULES WITH REACT AND WEBPACK READING AND UPDATING QUERY PARAMS WITH ECMASCRIPT 5 ARRAY METHODS January 27, 2013 ECMAScript 5 Array Methods. Something I've not covered much so far is some of the newer parts of JavaScript. That is, methods in ECMASscript 5 that are not so commonly used due to browser support, and of course the new features in ECMAScript 6. SOFTWARE DEVELOPMENT ON WINDOWS 10 WITH WSL2 December 20, 2020 Software Development on Windows 10 with WSL2. Back in October 2019 I'd taken the plunge and tried Windows for my development work.It was largely a succesful experiment. By using the Windows Subsystem for Linux (WSL), I was able to run most of my tools effectively in Linux, something I'm familiar with, and with VSCode's WSL Remote plugin, I could run LETTING TOOLS MAKE CHOICES January 15, 2020 Letting tools make choices. In my first post of the year about technical choices I'm making in 2020 I finished with a point about letting tools make choices for you:. I've become a fan of putting more of that burden onto the technologies I'm choosing such that I can focus in on the actual application. WRITING GOOD COMMENTS: THE WHY, NOT THE HOW Writing good comments: the why, not the how. Code comments often get a bad reputation amongst developers as a waste of time, or a sign that your code could be improved. Here's a quote from a CONTRIBUTING.md file I found on GitHub (and there's many, many more like it): Comments should be avoided. If the code cannot be understood without comments FRONTEND TECH CHOICES I'M MAKING IN 2020 Frontend tech choices I'm making in 2020. Happy New Year! The world of frontend web development is continually changing with new technologies, ideas and frameworks springing up all the time. Whilst this can get overwhelming, it's also an exciting space to be in with so much opportunity to try new things. Today I've picked out a fewlibraries
WORKING IN SMALL CHUNKS Working in small chunks. Although occasionally you'll be given a task to complete which can be completed in no more than a few hours, most of your work is likely going to consist of features that will take multiple days or even weeks to complete. I've found that the longer a piece of work takes, the more likely I am to lose track of my progress READING AND UPDATING QUERY PARAMS WITH Getting the URL back out. After you've done all this reading and updating of query parameters, you'll probably want to pull it back out as a URL so you can update the URL in the browser. To do this, just call .toString (): const params = new URLSearchParams(location.search) params.set('size', 'L') params.delete('colour') USING REACT FRAGMENTS FOR THE FIRST TIME December 18, 2017 Using React Fragments for the first time. React v16 was a very exciting release for React, and included many new features. In the recent React 16.2 release, improved support for Fragments was announced, and it's this feature that I want THE PERFECT UNIT TEST April 12, 2019 The perfect unit test. There's a common theme I find with people who tell me that they don't find unit testing useful, and it's normally that they are writing bad tests. FUNCTIONAL STATELESS COMPONENTS IN REACT March 7, 2017 Functional Stateless Components in React What are functional, stateless components? React 0.14 introduced functional, stateless components as a way to define React components as a function, rather than as an ES2015 class or via React.createClass.. Prior to React 0.14, writing a presentational component (that is, one that just renders props, and doesn't have state), could AVOIDING RECURSIVE USEEFFECT HOOKS IN REACT Avoiding recursive useEffect hooks in React. It's fair to say that React 16.8 and the introduction of hooks has really changed how we write React. Hooks are one of those APIs that make you realise the flaws of the previous approach after you stop using it. I remember being very skeptical of hooks when they were first released, notthinking that
COMPARING SVELTE AND REACT THE THREE DEVELOPERS January 27, 2020 The three developers. Have you ever come across code that you wrote six months ago and thought "what was I doing?". I knowI have!
WRITING GOOD COMMENTS: THE WHY, NOT THE HOW July 28, 2020 Writing good comments: the why, not the how. Code comments often get a bad reputation amongst developers as a waste of time, or a sign that your code could be improved. TESTING EVENT LISTENERS IN JAVASCRIPT ENABLING VSCODE'S "GO TO DEFINITION" FOR JSX IMPORTS If you enjoyed this post, join the newsletter to get updates on newcontent π.
AVOIDING RECURSIVE USEEFFECT HOOKS IN REACT June 20, 2019 Avoiding recursive useEffect hooks in React. It's fair to say that React 16.8 and the introduction of hooks has really changed how we write React. Hooks are one of those APIs that make you realise the flaws of the previous approach after you stop using it. I remember being very skeptical of hooks when they were first released, not thinking that the previous class based design had MAKING UNIT TESTS FAIL WHEN PROPTYPES ERROR If you enjoyed this post, join the newsletter to get updates on newcontent π.
ARRAY METHODS IN ECMASCRIPT 6 September 1, 2015 Array methods in ECMAScript 6. I've written at length about some of the new features coming to JavaScript with ES6,including
SETTING UP CSS MODULES WITH REACT AND WEBPACK ECMASCRIPT 5 ARRAY METHODS January 27, 2013 ECMAScript 5 Array Methods. Something I've not covered much so far is some of the newer parts of JavaScript. That is, methods in ECMASscript 5 that are not so commonly used due to browser support, and of course the new features in ECMAScript 6. COMPARING SVELTE AND REACT THE THREE DEVELOPERS January 27, 2020 The three developers. Have you ever come across code that you wrote six months ago and thought "what was I doing?". I knowI have!
WRITING GOOD COMMENTS: THE WHY, NOT THE HOW July 28, 2020 Writing good comments: the why, not the how. Code comments often get a bad reputation amongst developers as a waste of time, or a sign that your code could be improved. TESTING EVENT LISTENERS IN JAVASCRIPT ENABLING VSCODE'S "GO TO DEFINITION" FOR JSX IMPORTS If you enjoyed this post, join the newsletter to get updates on newcontent π.
AVOIDING RECURSIVE USEEFFECT HOOKS IN REACT June 20, 2019 Avoiding recursive useEffect hooks in React. It's fair to say that React 16.8 and the introduction of hooks has really changed how we write React. Hooks are one of those APIs that make you realise the flaws of the previous approach after you stop using it. I remember being very skeptical of hooks when they were first released, not thinking that the previous class based design had MAKING UNIT TESTS FAIL WHEN PROPTYPES ERROR If you enjoyed this post, join the newsletter to get updates on newcontent π.
ARRAY METHODS IN ECMASCRIPT 6 September 1, 2015 Array methods in ECMAScript 6. I've written at length about some of the new features coming to JavaScript with ES6,including
SETTING UP CSS MODULES WITH REACT AND WEBPACK ECMASCRIPT 5 ARRAY METHODS January 27, 2013 ECMAScript 5 Array Methods. Something I've not covered much so far is some of the newer parts of JavaScript. That is, methods in ECMASscript 5 that are not so commonly used due to browser support, and of course the new features in ECMAScript 6. SOFTWARE DEVELOPMENT ON WINDOWS 10 WITH WSL2 December 20, 2020 Software Development on Windows 10 with WSL2. Back in October 2019 I'd taken the plunge and tried Windows for my development work.It was largely a succesful experiment. By using the Windows Subsystem for Linux (WSL), I was able to run most of my tools effectively in Linux, something I'm familiar with, and with VSCode's WSL Remote plugin, I could run WRITING GOOD COMMENTS: THE WHY, NOT THE HOW July 28, 2020 Writing good comments: the why, not the how. Code comments often get a bad reputation amongst developers as a waste of time, or a sign that your code could be improved. LETTING TOOLS MAKE CHOICES January 15, 2020 Letting tools make choices. In my first post of the year about technical choices I'm making in 2020 I finished with a point about letting tools make choices for you:. I've become a fan of putting more of that burden onto the technologies I'm choosing such that I can focus in on the actual application. WORKING IN SMALL CHUNKS March 9, 2021 Working in small chunks. Although occasionally you'll be given a task to complete which can be completed in no more than a few hours, most of your work is likely going to consist of features that will take multiple days or even weeks to complete. FRONTEND TECH CHOICES I'M MAKING IN 2020 January 8, 2020 Frontend tech choices I'm making in 2020. Happy New Year! The world of frontend web development is continually changing with new technologies, ideas and frameworks springing up all the time. USING REACT FRAGMENTS FOR THE FIRST TIME December 18, 2017 Using React Fragments for the first time. React v16 was a very exciting release for React, and included many new features. In the recent React 16.2 release, improved support for Fragments was announced, and it's this feature that I want AVOIDING RECURSIVE USEEFFECT HOOKS IN REACT June 20, 2019 Avoiding recursive useEffect hooks in React. It's fair to say that React 16.8 and the introduction of hooks has really changed how we write React. Hooks are one of those APIs that make you realise the flaws of the previous approach after you stop using it. I remember being very skeptical of hooks when they were first released, not thinking that the previous class based design had THE PERFECT UNIT TEST April 12, 2019 The perfect unit test. There's a common theme I find with people who tell me that they don't find unit testing useful, and it's normally that they are writing bad tests. ARRAY METHODS IN ECMASCRIPT 6 September 1, 2015 Array methods in ECMAScript 6. I've written at length about some of the new features coming to JavaScript with ES6,including
FUNCTIONAL STATELESS COMPONENTS IN REACT March 7, 2017 Functional Stateless Components in React What are functional, stateless components? React 0.14 introduced functional, stateless components as a way to define React components as a function, rather than as an ES2015 class or via React.createClass.. Prior to React 0.14, writing a presentational component (that is, one that just renders props, and doesn't have state), couldJACK FRANKLIN
* Blog
* Speaking
* RSS
Day to day you'll find me working on Chrome DevToolsas a
frontend engineer.
This site is also where you'll also find my blog posts where I write and record content on JavaScript, React, software developmentand more.
*
WORKING IN SMALL CHUNKS This post looks at how I like to break down bigger projects into smaller chunks, and the advantages that brings.*
COMPARING SVELTE AND REACT Today I'm comparing the same app built once in React, and once in Svelte, to look at the pros and cons of each library and how I thinkabout them.
*
VSCODE PRODUCTIVITY: NAVIGATING FILES WITH BREADCRUMBS Navigate between files in the same directory much more efficiently by using VSCode's built in breadcrumbs.*
REMAPPING KEYS ON WINDOWS 10 WITH POWER TOYS How you can use the Keyboard Mapper in Power Toys to remap keys inWindows
*
SOFTWARE DEVELOPMENT ON WINDOWS 10 WITH WSL2 This post shares how I have configured Windows 10 and WSL2 to enable me to build software on my Windows machines.Details
Copyright © 2024 ArchiveBay.com. All rights reserved. Terms of Use | Privacy Policy | DMCA | 2021 | Feedback | Advertising | RSS 2.0