{"id":17361294,"url":"https://github.com/inside/frontend-resources","last_synced_at":"2026-03-19T01:01:58.453Z","repository":{"id":66934731,"uuid":"73175945","full_name":"inside/frontend-resources","owner":"inside","description":"A list of articles, books, projects, etc... about frontend development","archived":false,"fork":false,"pushed_at":"2017-11-21T10:45:03.000Z","size":15,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-27T16:51:58.769Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/inside.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-11-08T10:39:07.000Z","updated_at":"2023-09-08T17:16:53.000Z","dependencies_parsed_at":"2023-02-23T07:15:14.017Z","dependency_job_id":null,"html_url":"https://github.com/inside/frontend-resources","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/inside/frontend-resources","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/inside%2Ffrontend-resources","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/inside%2Ffrontend-resources/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/inside%2Ffrontend-resources/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/inside%2Ffrontend-resources/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/inside","download_url":"https://codeload.github.com/inside/frontend-resources/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/inside%2Ffrontend-resources/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30681964,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-19T00:52:14.022Z","status":"ssl_error","status_checked_at":"2026-03-19T00:51:33.610Z","response_time":104,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-15T19:32:28.064Z","updated_at":"2026-03-19T01:01:58.400Z","avatar_url":"https://github.com/inside.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# frontend-resources\n\nA list of articles, books, projects, etc... about frontend development\n\n* Books about javascript\n\n  * Javascript\n    * https://medium.com/javascript-scene/12-books-every-javascript-developer-should-read-9da76157fb3\n\n  * Web Sites Performance\n    * High performance web sites (oreilly)\n    * Even faster web sites (oreilly)\n    * Browser networking (oreilly)\n    * https://developers.google.com/web/tools/lighthouse\n\n  * Javascript cheatsheet\n    https://github.com/mbeaudru/modern-js-cheatsheet\n\n* Redux ressources\n\n  * https://robwise.github.io/blog/using-flow-annotations-in-your-redux-reducers\n  * http://devguides.io/redux/\n  * https://css-tricks.com/learning-react-redux/\n  * https://egghead.io/courses/building-react-applications-with-idiomatic-redux\n  * https://www.smashingmagazine.com/2016/06/an-introduction-to-redux/\n  * http://blog.getstream.io/react-redux-best-practices-gotchas/?fthr=redditreact\n  * https://www.ckl.io/blog/3-simple-steps-to-improve-react-redux-code/?\n  * https://github.com/markerikson/redux-ecosystem-links\n  * https://medium.com/javascript-scene/10-tips-for-better-redux-architecture-69250425af44\n  * Redux async operations\n    See this reddit thread:\n    https://www.reddit.com/r/reactjs/comments/4ui5fj/is_there_a_community_consensus_on_async_actions/\n    where the redux-saga emerge to me:\n    https://github.com/yelouafi/redux-saga\n  * Validate the shape of your state:\n    see point 2 and 3\n    http://movio.co/blog/5-useful-tips-real-world-redux/\n  * What file hierarchy for a redux application?\n    http://marmelab.com/blog/2015/12/17/react-directory-structure.html\n    https://github.com/marmelab/javascript-boilerplate\n    https://gist.github.com/ryanflorence/daafb1e3cb8ad740b346\n  * A Dummy’s Guide to Redux and Thunk in React\n    https://medium.com/@stowball/a-dummys-guide-to-redux-and-thunk-in-react-d8904a7005d3#.hk9mhcf19\n  * https://medium.com/statuscode/dissecting-twitters-redux-store-d7280b62c6b1\n\n* App Starters\n\n  * https://github.com/kriasoft/react-starter-kit\n  * https://www.npmjs.com/package/kyt\n  * Electrode, nwb, neo, next, gatsby, kyt\n\n* Continuous integration\n\n  * How does travis work?\n    http://putaindecode.io/fr/articles/ci/travis-ci/\n    http://www.raywenderlich.com/109418/travis-ci-tutorial\n\n* Module bundlers\n  * How does webpack work?\n    https://egghead.io/lessons/tools-intro-to-the-production-webpack-course\n    What's new in webpack 2:\n    https://gist.github.com/sokra/27b24881210b56bbaff7\n    http://javascriptplayground.com/blog/2016/06/react-webpack-workflow-screencast/\n  * https://medium.com/@rajaraodv/two-quick-ways-to-reduce-react-apps-size-in-production-82226605771a\n    1. Install DefinePlugin, DedupePlugin, UglifyJsPlugin, AggressiveMergingPlugin\n    2. Serve gzipped file in production\n\n* Transpilation\n  * https://github.com/thejameskyle/babel-react-optimize\n\n* CSS\n\n  * How does css modules work?\n  * https://www.sitepoint.com/how-and-why-you-should-inline-your-critical-css/\n  * https://css-tricks.com/snippets/css/complete-guide-grid/\n  * https://css-tricks.com/snippets/css/a-guide-to-flexbox/\n\n* Node modules\n\n  * Take a deep look on how npm works\n    peerDependencies: https://nodejs.org/en/blog/npm/peer-dependencies/\n    https://docs.npmjs.com/\n    https://www.jayway.com/2014/03/28/running-scripts-with-npm/\n  * yarn, a package manager by facebook\n    https://code.facebook.com/posts/1840075619545360/yarn-a-new-package-manager-for-javascript/\n    yarn cheatsheet:\n    https://shift.infinite.red/npm-vs-yarn-cheat-sheet-8755b092e5cc\n\n* Unit testing\n  * http://codeutopia.net/h/mastering-javascript-unit-testing/\n  * https://thoughtbot.com/upcase/fundamentals-of-tdd\n  * http://thereignn.ghost.io/a-step-by-step-tdd-approach-on-testing-react-components-using-enzyme/\n  * Code coverage tool\n    https://github.com/gotwarlost/istanbul\n    https://github.com/douglasduteil/isparta\n    (Its intention is to be used with karma and karma-coverage, which\n    provides code coverage reports using istanbul.)\n  * https://medium.com/selleo/testing-react-components-best-practices-2f77ac302d12\n\n* Type systems\n\n  * Flow and Typescript\n    http://putaindecode.io/fr/articles/js/flow/\n\n* Code linting\n  * Eslint\n    http://codeutopia.net/docs/eslint/\n  * For a faster linting\n    https://www.npmjs.com/package/eslint_d\n\n* es6\n\n  * Learn es6\n    https://egghead.io/courses/learn-es6-ecmascript-2015\n  * The spread operator\n    http://putaindecode.io/fr/articles/js/es2015/rest-spread/\n  * Async/await\n    http://putaindecode.io/fr/articles/js/es2016/async-await/\n  * Object.assign\n    http://putaindecode.io/fr/articles/js/es2015/object-assign/\n  * Promises\n    http://www.html5rocks.com/fr/tutorials/es6/promises/\n    https://bitsofco.de/javascript-promises-101/\n\n* React\n\n  * Look for Michael Jackson and Ryan Florence\n  * HOC\n    http://putaindecode.io/fr/articles/js/react/higher-order-component/\n    https://www.sitepoint.com/react-higher-order-components/\n  * React europe\n    http://blog.mojotech.com/a-look-back-at-react-europe/\n  * Isomorphic\n    * https://reactjsnews.com/isomorphic-react-in-real-life\n    * https://github.com/DominicTobias/universal-react\n    * https://github.com/petehunt/react-server-rendering-example\n    * https://github.com/reactjs/redux/blob/master/docs/recipes/ServerRendering.md\n    * https://medium.com/@firasd/quick-start-tutorial-universal-react-with-server-side-rendering-76fe5363d6e#.t0xw63ksc\n    * http://www.electrode.io/docs/what_is_electrode.html\n    * building isomorphic javascript apps oreilly book\n    * Hastening React SSR with Component Memoization and Templatization\n      https://www.youtube.com/watch?v=sn-C_DKLKPE\n    * https://github.com/walmartlabs/react-ssr-optimization\n    * https://github.com/aickin/react-dom-stream\n    * https://github.com/redfin/react-server\n    * Speed up server side rendering\n      https://www.youtube.com/watch?v=PnpfGy7q96U\n      https://github.com/alt-j/fast-react-server\n      https://github.com/alt-j/fast-react-render\n      https://babeljs.io/docs/plugins/transform-react-inline-elements/\n      https://github.com/facebook/react/issues/6420\n    * http://putaindecode.io/fr/articles/js/react/cote-serveur/\n    * https://github.com/zeit/next.js\n    * Faster React SSR With Rapscallion\n      https://formidable.com/blog/2017/introducing-rapscallion/\n    * A service for server-side rendering your JavaScript views\n      https://github.com/airbnb/hypernova\n    * Scaling React Server-Side Rendering\n      https://arkwright.github.io/scaling-react-server-side-rendering.html\n  * React howto by pete hunt\n    https://github.com/petehunt/react-howto\n  * State handling\n    https://medium.com/react-ecosystem/how-to-handle-state-in-react-6f2d3cd73a0c#.v5am41omg\n  * React ressources, awesome list\n    https://github.com/enaqx/awesome-react\n  * React starter kit (boilerplate)\n    https://github.com/kriasoft/react-starter-kit\n    https://github.com/gaearon/react-hot-boilerplate\n  * React patterns\n    https://github.com/krasimir/react-in-patterns\n    https://blog.risingstack.com/react-js-best-practices-for-2016/\n    https://www.reactenlightenment.com\n    https://medium.com/@marcacyr/domain-architecture-software-engineering-23a0510ebdf\n  * Top 10 react articles in july 2016\n    https://medium.mybridge.co/top-10-react-js-articles-for-the-past-month-v-july-9840fd0ddb0#.ofa9pxx8h\n  * http://devtalk.com/learn-react-js/\n  * React monocle, A developer tool to visualize a React application's component hierarchy.\n    https://github.com/team-gryff/react-monocle\n  * Binding methods in components\n    http://egorsmirnov.me/2015/08/16/react-and-es6-part3.html\n    http://stackoverflow.com/questions/35734008/how-to-add-arguments-to-event-handler-in-es6-react-when-functions-are-bound-in-c\n  * React native\n    http://nativebase.io/\n  * Components\n    http://blueprintjs.com/\n    https://github.com/brillout/awesome-react-components\n    http://jxnblk.com/rebass\n  * A react faq\n    https://github.com/timarney/react-faq\n  * React fiber\n    https://github.com/acdlite/react-fiber-architecture\n  * React performance tools and articles\n    https://facebook.github.io/react/docs/perf.html\n    https://github.com/crysislinux/chrome-react-perf\n    https://medium.com/@paularmstrong/twitter-lite-and-high-performance-react-progressive-web-apps-at-scale-d28a00e780a3\n\n* Express: learn how it works http://expressjs.com/\n\n* Web Ressources to track\n  https://nodejs.org/en/blog/\n  https://facebook.github.io/react/blog/\n  http://putaindecode.io/\n\n* Code quality\n    http://developer.telerik.com/featured/improving-quality-front-end-projects-automatically-pt-3-javascript-accessibility/\n\n* Browser Performance\n    What forces layout / reflow:\n    https://gist.github.com/paulirish/5d52fb081b3570c81e3a\n    see what css property triggers what:\n    https://csstriggers.com/\n    https://jakearchibald.com/2016/fun-hacks-faster-content/\n    https://jakearchibald.github.io/isserviceworkerready/\n\n* Immutable data\n    https://github.com/markerikson/redux-ecosystem-links/blob/master/immutable-data.md\n\n* Progressive Web Apps\n    https://developers.google.com/web/progressive-web-apps/\n\n* Progressive loading\n    https://medium.com/@lavrton/progressive-loading-for-modern-web-applications-via-code-splitting-fb43999735c6#.e57nyr6bf\n    https://medium.com/react-weekly/code-chunking-with-webpack-a-pragmatic-approach-e17e8bcc6453\n    http://brotzky.co/blog/a-beginners-step-by-step-guide-to-code-splitting-with-webpack-2-and-react-router/?utm_source=reactnl\u0026utm_medium=email\n    https://github.com/thejameskyle/react-loadable\n    https://github.com/aweary/react-perimeter\n\n* Frontend masters\n    https://frontendmasters.com/courses/good-parts-javascript-web/\n\n* Error handling\n  * https://www.sitepoint.com/logging-errors-client-side-apps/\n\n* Angular\n    https://medium.com/javascript-scene/angular-2-vs-react-the-ultimate-dance-off-60e7dfbc379c\n\n* Vim\n\n  * Vim test for running your tests:\n    https://github.com/janko-m/vim-test\n  * Setup vim for javascript:\n    https://davidosomething.com/blog/vim-for-javascript/\n  * vim snippets for React\n    https://github.com/epilande/vim-react-snippets\n  * vim snippets for es6\n    https://github.com/epilande/vim-es2015-snippets\n\n* Misc\n\n  * How can translation keys string not be more than 80 characters?\n    http://stackoverflow.com/questions/24562849/translating-multi-line-strings-in-javascript-with-django\n    https://www.gnu.org/software/gettext/manual/html_node/Long-Lines.html\n  * A pool to measure the usage of tools used by the js community: http://stateofjs.com/\n\n* DDD\n  * Eric Evans\n    https://www.amazon.com/Domain-Driven-Design-Tackling-Complexity-Software/dp/0321125215\n\n  * Three Rules For Structuring (Redux) Applications\n    https://jaysoo.ca/2016/02/28/organizing-redux-application/\n\n* Metrics\n  * https://github.com/rangle/redux-beacon\n  * https://github.com/rangle/redux-segment\n  * http://engineering.blogfoster.com/redux-for-better-in-app-analytics/\n  * https://github.com/nfl/react-metrics\n  * https://github.com/yahoo/react-i13n\n  * https://github.com/rangle/redux-segment\n\n* I18n internationalization\n  * https://www.smashingmagazine.com/2017/01/internationalizing-react-apps/\n\n* UI frameworks / tookits\n  * http://www.material-ui.com\n    * Use it with https://www.npmjs.com/package/formsy-material-ui\n  * http://blueprintjs.com\n  * https://ant.design/\n  * http://elemental-ui.com/\n  * http://nikgraf.github.io/belle/#/?_k=gf9j9f\n  * https://react-bootstrap.github.io/\n  * https://grommet.github.io/\n  * http://amazeui.org/react/\n  * https://react.foundation/\n  * https://github.com/brillout/awesome-react-components#ui-frameworks\n  * https://devarchy.com/react-components\n  * https://reactstrap.github.io/\n  * https://github.com/Semantic-Org/Semantic-UI-React\n  * https://cxjs.io/v/master/docs/intro/about\n  * http://webix.com/\n  * https://github.com/fex-team/fit\n\n* GraphQL\n  * https://medium.freecodecamp.com/so-whats-this-graphql-thing-i-keep-hearing-about-baf4d36c20cf\n\n* Curated items\n  * https://github.com/facebook/react/wiki\n  * https://codeutopia.net/blog/2017/04/03/230-curated-resources-and-tools-for-building-apps-with-react-js/\n\n* Debugging\n  * https://medium.com/@paul_irish/debugging-node-js-nightlies-with-chrome-devtools-7c4a1b95ae27\n  * http://stackoverflow.com/questions/1911015/how-do-i-debug-node-js-applications/16512303#16512303\n\n* Theming\n  * https://github.com/javivelasco/react-css-themr\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Finside%2Ffrontend-resources","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Finside%2Ffrontend-resources","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Finside%2Ffrontend-resources/lists"}