Uploaded byC4Media
Reinventing npmjs.com
The document discusses npmjs.com, which serves a community of over 1 million software developers and hosts content from QCon conferences, including podcasts and publications in multiple languages. It highlights the evolution of npm as a portal and community hub, and presents 'Spife,' a new open-source framework designed for modern development with features like server-side rendering and code splitting. Overall, the emphasis is on knowledge sharing and technological innovation to improve the developer experience.
More Related Content
![Support, Monitoring, Continuous Improvement & Scaling Agentic Automation [3/3]](https://cdn.slidesharecdn.com/ss_thumbnails/agenticcommunityseries-day3-cfd-251120170304-ddef8112-thumbnail.jpg?width=640&height=640&fit=bounds)
Reinventing npmjs.com
- 1.
- 2. InfoQ.com: News &Community Site Watch the video with slide synchronization on InfoQ.com! https://www.infoq.com/presentations/ npmjscom • Over 1,000,000 software developers, architects and CTOs read the site world- wide every month • 250,000 senior developers subscribe to our weekly newsletter • Published in 4 languages (English, Chinese, Japanese and Brazilian Portuguese) • Post content from our QCon conferences • 2 dedicated podcast channels: The InfoQ Podcast, with a focus on Architecture and The Engineering Culture Podcast, with a focus on building • 96 deep dives on innovative topics packed as downloadable emags and minibooks • Over 40 new content items per week
- 3. Purpose of QCon -to empower software development by facilitating the spread of knowledge and innovation Strategy - practitioner-driven conference designed for YOU: influencers of change and innovation in your teams - speakers and topics driving the evolution and innovation - connecting and catalyzing the influencers and innovators Highlights - attended by more than 12,000 delegates since 2007 - held in 9 cities worldwide Presented at QCon London www.qconlondon.com
- 4.
- 5.
- 6.
- 7. @katie_fenn •work at •make thenpmjs.com website •also support the registry •from sheffield
- 8. @katie_fenn disclaimer:this talk isnot about performance
- 9. @katie_fenn Let’s go backto the beginning
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16. @katie_fenn services • orgs • privaterepos • 2fa • access tokens • ???
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23. @katie_fenn follow the lead ofthe community
- 24. @katie_fenn react webpack • postcss enzyme• vue next.js redux jest
- 25.
- 26.
- 27. @katie_fenn 80%of users usenpm for frontend development
- 28.
- 29.
- 30. @katie_fenn we get it you’refeeling pain
- 31.
- 32. @katie_fenn website developers are reportingbugs in npm client and registry
- 33. @katie_fenn lines blurring between registryand website developers
- 34.
- 35.
- 36. @katie_fenn knowledge sharing • shared ownership • reusecode across projects
- 37.
- 38.
- 39.
- 40.
- 41. @katie_fenn there was a betteroption: spife
- 42. @katie_fenn cw: animation “doesn’tthat make it hard to hire spife developers?” - anonymous npm employee
- 43. @katie_fenn cw: animation “doesn’tthat make it hard to hire spife developers?” - anonymous npm employee
- 44. @katie_fenn cw: animation “it’sgood for finding people within npm” - anonymous npm employee
- 45. @katie_fenn cw: animation “it’sgood for finding people within npm” - anonymous npm employee
- 46. @katie_fenn a batteries-included http framework 1. spife icon:cutlery by Chanut is Industries from the Noun Project
- 47. @katie_fenn a batteries-included http framework 1. spife routing• db • orm middleware monitoring logging metrics • auth
- 48. @katie_fenn opinionated djavascript 1. spife icon: cutleryby Chanut is Industries from the Noun Project • familiar • asynchronous • structured • comfortable
- 49.
- 50.
- 51.
- 52. @katie_fenn middleware and decorators 1. spife API datarate limit check csrf
- 53. @katie_fenn middleware and decorators 1. spife API datarate limit check csrf auth
- 54. @katie_fenn middleware and decorators 1. spife API datarate limit check csrf auth validate
- 55. @katie_fenn middleware and decorators 1. spife API datarate limit check csrf auth validate schema
- 56.
- 57. @katie_fenn react components with cssmodules 2. design system
- 58.
- 59.
- 60. @katie_fenn 3. spiferack a react framework •built-in server-side-rendering • built-in code splitting • progressive enhancement
- 61. @katie_fenn 3. spiferack server-side rendering • searchablecontent • fast initial page renders
- 62. @katie_fenn 3. spiferack code splitting • automaticallysplit per-route • spreads bundle loading evenly
- 63. @katie_fenn 3. spiferack <Form action=“/login”method=“POST> <InputText name=“username” label=“Username" /> <InputPassword name=“password” label=“Username" /> </Form> progressive enhancement
- 64. @katie_fenn 3. spiferack progressive enhancement • enhancesto XHR requests when JS is enabled • returns JSON response when XHR request is received
- 65. @katie_fenn 3. spiferack make doingthe right thing easy
- 66.
- 67.
- 68. @katie_fenn it’s much better andwe hope you’ll love it
- 69.
- 70. @katie_fenn Where are wegoing?
- 71. @katie_fenn make doing theright thing easy
- 72.
- 73. @katie_fenn a focus onmaking tech work for people rather than computers cw: animation
- 74.
- 75.
- 76. @katie_fenn cw: animation newand shiny
- 77. @katie_fenn cw: animation triedand trusted new and shiny
- 78.
- 79.
- 80.
- 81.
- 82.
- 83.
- 84. Watch the videowith slide synchronization on InfoQ.com! https://www.infoq.com/presentations/ npmjscom